Cum de a crea un slider Anything cu doar CSS

A fost de neconceput să implementăm un slider fără JavaScript, dar în acest scurt tutorial video veți învăța cum să creați un slider "orice" cu doar CSS, pentru a prezenta orice tip de conținut de care aveți nevoie.

Vom folosi CodePen pentru acest proiect, deci există două stilouri pe care trebuie să le acordați atenție. În primul rând, stiloul de bază, pe care îl puteți împinge:

Apoi este rezultatul final, pe care îl puteți verifica pe CodePen. Deci, faceți o copie a stiloului de bază, apoi urmați lecția video de mai jos pe măsură ce construim un slider "orice"!

Urmăriți Tutorialul

Urmăriți cursul complet

Acesta a fost doar unul dintre proiectele incluse în cursul meu recent, 10 proiecte CSS3: UI și Layout. În cursul complet, veți crea zece proiecte UI și de aspect care vă vor ajuta să învățați câteva din minunatele tehnici de design noi pe care CSS3 le aduce la masă, de la filele animate la un cub 3D rotativ.