Merubah efek show hide javascript dan jquery

Yang membuat sebuah bagian di situs bisa tutup buka, sembunyi/tampil memang kode javascript atau jquery, tapi css juga menentukan bagaimana efeknya tersebut.

Toggle dropdown

Namanya adalah efek transition. Css transition = transition: width 2s, height 2s;

Pilihan efek transisi ini cukup banyak, berikut beberapa diantaranya;

transition: width 2s;
transition: width 2s, height 4s;
transition-delay: 4s;
transition-timing-function: linear;
transition-timing-function: ease;
transition-timing-function: ease-in;
transition-timing-function: ease-out;
transition-timing-function: ease-in-out;
transition: width 2s, height 2s, transform 2s;

Selain transition, transform juga dapat digunakan untuk menambah efek. Misal div hover transform: rotate(360deg);

Tentang Author

St

Dikirim pada -17 Okt 2023
" Selamat datang, selamat membaca dan selamat berseluncur "

San Tuy

Share ke

Lainnya oleh Santuy :