Pink Glitter Scrollbar, iyak...tutorial blog sore ini.
Contoh demonya ada di bawah ini ya..
::-webkit-scrollbar{width:15px; height:auto}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{height:15px; display:block; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3EZeFkJ039QP3-xOVZxuNzlcISqjbOKqDnNCsAujDhEei3FfnD6R5Zk4KOPHTJ6W9dE5phFLj6Gx2be2H_XKoW_0tLd2Ikg7U91WaJ3Y7Xx6UtAi0MdqZRju2-ODY-XzWof8vPdGwHLWp/s1600/1070787thr1i5hyby.gif');border-radius:20px}
::-webkit-scrollbar-track-piece{background:#222; border-radius:20px}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3EZeFkJ039QP3-xOVZxuNzlcISqjbOKqDnNCsAujDhEei3FfnD6R5Zk4KOPHTJ6W9dE5phFLj6Gx2be2H_XKoW_0tLd2Ikg7U91WaJ3Y7Xx6UtAi0MdqZRju2-ODY-XzWof8vPdGwHLWp/s1600/1070787thr1i5hyby.gif'); border-radius:20px}
See the Pen Pink Glitter Scrollbar by Erna Ayuning Nareswari (@ashavenger) on CodePen.
0 Comments:
Posting Komentar