Hari 13

-
Assalamualaikum Wr.Wb

Pada hari ini saya mengulang lagi pelajaran yang telah dipelajari disekolah saya, yaitu Cisco Virtual Saya melakukan ini karena mata pelajaran ini harus mengulang ulang supaya tidak lupa.

Komentar

Posting Komentar

Postingan populer dari blog ini

Transition

-
Gambar
CSS Transition atau Transisi adalah Efek Transis yang memungkinkan sebuah elemen secara bertahap berubah dari satu gaya ke yang lain. <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Document</ title >     < style >         .kotak {         width : 100 px ;         height : 100 px ;         background-color : red ;         transition : 1 s ;        }         .container {         height : 400 px ;         width : 100 px ;         border : 0.1 px solid black ;        }         .container:hover .kotak {         transfo...
Baca selengkapnya

Animation

-
Animasi CSS adalah fitur CSS yang memungkinkan Anda menganimasikan perubahan dalam satu atau beberapa style elemen. <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title >Document</ title >     < style >       .kotak {         width : 100 px ;         height : 100 px ;         background-color : red ;       }             .kotak:hover {         animation : animasi 2 s ;       }       @keyframes animasi {         From{ width : 100 px ;}         to{ width : 500 px ; height : 500 px ;}       }     </ style >   </ head > ...
Baca selengkapnya

Box Model: Padding, Border dan Box Sizing

-
Gambar
Halo teman-teman pada kesempatan kali ini saya akan membawakan materi mengenai Box Model sebuah konsep dimana setiap element yang terdapat pada halaman web diproses sebagai kotak (box). Mulai dari paragraf, header, form, gambar, logo hingga video, sebenarnya di tampilkan oleh web browser sebagai box. Pada bagian Box Model juga memiliki beberapa bagian yaitu: 1. Padding adalah ruang kosong atau space antara satu konten dengan konten yang lainnya. Dengan              padding, tampilan website akan lebih teratur dan lebih menarik. 2. Border adalah property CSS untuk menentukan lebar, corak dan juga warna garis tepi pada elemen         HTML yang paling ringkas. Dengan menggunakan property border CSS, semua sisi, baik sisi atas,         kanan, bawah dan kiri menggunakan lebar, corak dan warna garis yang sama. 3. Box Sizing adalah css property yang digunakan untuk merubah kalkulasi dalam menguk...
Baca selengkapnya