So erstellen Sie einen Slider Anything mit Just CSS

Bisher war es undenkbar, einen Schieberegler ohne JavaScript bereitzustellen. In diesem kurzen Video-Lernprogramm erfahren Sie, wie Sie einen Schieberegler mit CSS-Elementen erstellen, um alle Arten von Inhalten darzustellen, die Sie benötigen.

Wir werden CodePen für dieses Projekt verwenden. Es gibt also zwei Stifte, auf die Sie achten müssen. Erstens, den Basisstift, mit dem Sie loslegen können:

Dann gibt es das Endergebnis, das Sie auf CodePen überprüfen können. Erstellen Sie also eine Kopie des Basisstifts und folgen Sie der Video-Lektion unten, während Sie einen Schieberegler für alles erstellen!

Schauen Sie sich das Tutorial an

Sehen Sie sich den vollständigen Kurs an

Dies war nur eines der Projekte in meinem letzten Kurs, 10 CSS3-Projekte: Benutzeroberfläche und Layout. Im gesamten Kurs werden zehn Benutzeroberflächen- und Layoutprojekte erstellt, mit denen Sie einige der beeindruckenden neuen Designtechniken lernen können, die CSS3 in die Tabelle einfügt, von animierten Registerkarten bis zu einem drehbaren 3D-Cube.