লাগিয়ে নিন আপনার ব্লগ কিংবা ওয়েবসাইটে চমৎকার কিছু সিএসএস স্ক্রলবার

আসস্লামু আলাইকুম,

কেমন আছেন?

যা হোক, জানি ভালো আছেন, কিংবা নেই।

আপনাদের আজ কিছু সিএসএস ট্রিক দেবো।

সহজেই কিছু চমৎকার কাস্টম স্ক্রল বার লাগিয়ে নিতে পারেন।
এটা ব্রওজারের ডিফল্টির পরিবর্তে দেখা যাবে।

এটা কেবল,

• ব্লগার ব্লগ হলে, </b:skin> ট্যাগের আগে বসিয়ে দিন।
• ওয়েবসাইট হলে সিএসএসে বসিয়ে দিন।

এটা হল ১ নম্বর,

::-webkit-scrollbar {
    width: 20px;
}
/* Created and Designed by bloggertawsiftorabi.blogspot.com and grplusbd.cf */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000000;
    -webkit-border-radius: 20px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ff0000;
    -webkit-box-shadow: inset 0 0 6px #000000;
}
::-webkit-scrollbar-thumb:window-inactive {
 background: lime; 

এই হল ২ নম্বর,

::-webkit-scrollbar-track {
background: #FFFFFF; -webkit-box-shadow: inset 1px 1px 2px #E0E0E0; border: 1px solid #D8D8D8; } ::-webkit-scrollbar-thumb {background: #F88C00;-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.3);}
::-webkit-scrollbar-thumb:active {background: #888;-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); 

Related Posts