Share
Det pleide å være utænkelig å distribuere en glidebryter uten JavaScript, men i denne korte videoopplæringen lærer du hvordan du lager en "noe" glidebryter med bare CSS, for å presentere hvilken type innhold du trenger.
Vi bruker CodePen for dette prosjektet, så det er to penner du må ta hensyn til. For det første, basen pennen, som du kan gaffel å komme i gang:
Så er det endelige resultatet, som du kan sjekke ut på CodePen. Så, ta en kopi av basepennen, følg deretter video-leksjonen nedenfor da vi bygger oss en "noe" glidebryter!
Dette var bare ett av prosjektene som ble inkludert i mitt siste kurs, 10 CSS3 Prosjekter: UI og Layout. I hele kurset oppretter du ti brukergrensesnitt og layoutprosjekter som hjelper deg med å lære noen av de fantastiske nye designteknikkene som CSS3 bringer til bordet, fra animerte faner til en roterbar 3D-kube.
Accentsconagua