Membuat Efek 3D dengan CSS

Saat ini, membuat efek yang menarik tak perlu memusingkan flash, hanya dengan HTML5 dan CSS3 saja, sekarang membuat efek yang sangat keren sepertinya mudah dibuat. Bukan sepertinya, tapi memang mudah.

Sekarang saya akan share dan beri contoh efek 3D yang dibuat murni dengan CSS. Langsung lihat contohnya ya :)

Untuk HTMLnya sangat simpel, cukup berikan ini :

<div class="iphone">
    <div class="iphone-front"></div>
    <div class="iphone-back"></div>
</div>

Dan untuk CSS-nya bisa dilihat dan di-copy disini :

Dan hasilnya akan menjadi seperti berikut ini :

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

Menarik bukan? Semoga bermanfaat ya :)

28 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat