Membuat Info dengan Efek Slide CSS

Website pada umumnya menawarkan berbagai macam informasi yang dibutuhkan oleh pengunjung. Informasi yang akan dilihat haruslah menarik dari sisi tampilan. Pada latihan ini akan dipelajari cara membuat info singkat dengan memberikan efek slide sederhana. Efek ini bertujuan agar info yang disajikan menjadi lebih baik dan interaktif.

Teknik yang digunakan untuk membuat slide info ini merupakan teknik CSS transform translateX dimana memiliki fungsi untuk menggeser elemen seperti slide dengan nilai tertentu.

Untuk lebih jelas mari pelajari kode seperti berikut :

See the Pen zxqjGb by Dumet_School (@dumet_school) on CodePen.