Advertisement
  1. Web Design
  2. CSS3
Webdesign

Jak vytvořit slider "s čímkoliv" jen s pomocí CSS

by
Difficulty:BeginnerLength:QuickLanguages:

Czech (Čeština) translation by Vítězslav Jaroš (you can also view the original English article)

Bývalo nemyslitelné nasadit slider bez použití JavaScriptu, ale v tomto krátkém video-tutoriálu se dozvíte, jak vytvořit slider "s čímkoliv" jen s pomocí CSS, k prezentaci jakéhokoliv typu obsahu.

Použijeme CodePen pro tento projekt, takže budete sledovat dvě přihrádky (=pen). Základní přihrádku, kterou si můžete takto rozdělit:


Jak to má nakonec fungovat, si můžete zkontrolovat v CodePen. Zkopírujte si základní kód HTML a CSS, poté postupujte podle videa níže a vytvořte si slider!

Prohlédněte si tutoriál

Prohlédněte si celý kurz

Toto byl jen jeden z projektů mého současného kurzu 10 CSS3 Projects: UI and Layout. Během celého kurzu si vytvoříte 10 UI a vzhledových projektů, které vás naučí užasným designovým technikám, jenž CCS3 přináší, od animovaných tlačítek po rotující 3D krychle.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.