Cara Membuat Animasi Zoom Menggunakan Css W3C

by | Jun 16, 2017 | Framework CSS, Tips Trik, Tutorial, Website | 0 comments

Membuat animasi, menarik yah untuk sebuah tampilan website agar lebih terlihat hidup dan tidak kaku baik juga untuk membuat visitor merasa terngahngah memanjakan mata dan membuat visitorpun merasa nyaman didalam website kita, itu adalah trik sederhana untuk membuat pengunjung website berdatangan, kali ini artikel saya ada hubungannya dengan animasi, dan saya akan akan membuat animasi tentang Cara Membuat Animasi Zoom Menggunakan Css W3C,

kita akan membuat animasi sederhana dengan css w3c, sederhana tapi menarik, penasaran ingin mencoba. Baik langsung kita mulai, teman-teman siapkan sebauh editor dan salinkan scriptnya dibawah sini :

<!DOCTYPE html>
<html>
<title>BELAJAR W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>

<div class="w3-container w3-center w3-animate-zoom">
  <h1>Dumet School</h1>
  <p>KURSUS DIGITAL MARKETING WEBSITE & GRAPHIC DESIGN</p>
  <img src="http://3.bp.blogspot.com/-Zwhp0-0c8S8/VcdP-Q80JMI/AAAAAAAAACE/ewqzo0u1b98/s1600/kursus%2Bseo%2Bwebsite%2Bdepok.jpg">
</div>

</body>
</html>

 

Jika sudah save dan jalankan, cukup  mudah bukan? sekian tutorial tentang Cara Membuat Animasi Zoom Menggunakan Css W3C, sampai bertemu diartikel selanjutnya dan sampai jumpa.

DEMO

#KeepLearn

#IsmetMA