CSS scrollbar style مجموعه شريط التمرير

شاهد النماذج




ويوجد برنامج نتج لك بالسريع الخدمه
تجدها بمواقعنا


Customized Blogger Scrollbar شريط تمرير





البحث عن

]]></b:skin>

فوقه


::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

border-radius: 10px;

background-color: #F5F5F5;

}

::-webkit-scrollbar

{

width: 12px;

background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb

{

border-radius: 10px;

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

background-color: #000000;

}


Customized Blogger Scrollbar شريط تمرير





البحث عن

]]></b:skin>

فوقه


::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

background-color: #F5F5F5;

}

::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

background-color: #000000;

}

::-webkit-scrollbar

{

width: 10px;

background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb

{

background-color: #FF0000;

}


Customized Blogger Scrollbar شريط تمرير





البحث عن

]]></b:skin>

فوقه


::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

background-color: #F5F5F5;

border-radius: 10px;

}

::-webkit-scrollbar

{

width: 10px;

background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb

{

border-radius: 10px;

background:#c9d5ea;

background:linear-gradient(135deg,#000000 0,#FF0000 50%,#FFFF00
50%,#000000 100%);

}


Customized Blogger Scrollbar شريط تمرير





البحث عن

]]></b:skin>

فوقه


::-webkit-scrollbar-track{

-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);

background:#fff 0% 0% repeat scroll;

}

::-webkit-scrollbar{

width:12px;

background-color:#FFF

}

::-webkit-scrollbar-thumb{

background-color:#00ACF5;

background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2)
25%,transparent 25%,transparent 50%,rgba(255,255,255,.2)
50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)

}

::-webkit-scrollbar-thumb:hover{

background:#008BC5;

}

::-webkit-scrollbar-thumb:active{

background:#00ACF5;

-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.3)

}


Customized Blogger Scrollbar شريط تمرير





البحث عن

]]></b:skin>

فوقه


:-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

background-color: #F5F5F5;

}

::-webkit-scrollbar

{

width: 10px;

background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb

{

background-color: #F90; background-image: -webkit-linear-gradient(45deg,

rgba(255, 255, 255, .2) 25%,

transparent 25%,

transparent 50%,

rgba(255, 255, 255, .2) 50%,

rgba(255, 255, 255, .2) 75%,

transparent 75%,

transparent)

}


Customized Blogger Scrollbar شريط تمرير





البحث عن

]]></b:skin>

فوقه


::-webkit-scrollbar

{

width: 10px;

background-color: #F5F5F5;

}

::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb

{

background-color: #0ae;

background-image: -webkit-gradient(linear, 0 0, 0 100%,

color-stop(.5, rgba(255, 255, 255, .2)),

color-stop(.5, transparent), to(transparent));

}

::-webkit-scrollbar-thumb:hover{

background-color: #0ae;

background-image: -webkit-gradient(linear, 0 0, 0 100%,

color-stop(.5, transparent), to(transparent));

}


Customized Blogger Scrollbar شريط تمرير





البحث عن

]]></b:skin>

فوقه


::-webkit-scrollbar {

width:12px;

height:8px;

}

::-webkit-scrollbar-track {

background:#111;

background:linear-gradient(135deg,#111 0,#444 50%,#444 50%,#111 100%);

-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;

border:1px solid #D8D8D8;

}

::-webkit-scrollbar-thumb {

background:#c9d5ea;background:linear-gradient(135deg,#d3416f 0,#6217ed
50%,#6217ed 50%,#d3416f 100%);

-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);

}

::-webkit-scrollbar-thumb:hover {

-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.4);

background:#c9d5ea;background:linear-gradient(135deg,#6f9ded 0,#d3416f
50%,#d3416f 50%,#6f9ded 100%);

}

::-webkit-scrollbar-thumb:active {

background:#c9d5ea;

background:linear-gradient(135deg,#6f9ded 0,#d3416f 50%,#d3416f
50%,#6f9ded 100%);

-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);

}


ونتابع الجديد

إرسال تعليق

أحدث أقدم