Pertanyaan yang diberi tag «css-transitions»

Di biola di bawah ini, saya memiliki transisi pada visibilitas dan opasitas secara terpisah. Yang terakhir berfungsi tetapi yang pertama tidak. Selain itu, dalam kasus visibilitas, waktu transisi diartikan sebagai penundaan saat melayang keluar. Terjadi di Chrome & Firefox. Apakah ini bug? http://jsfiddle.net/0r218mdo/3/ Kasus 1: #inner{ visibility:hidden; transition:visibility 1000ms; } …

102 css  css-transitions 

Apakah mungkin untuk mendapatkan pemberitahuan (seperti panggilan balik) ketika transisi CSS telah selesai?

100 javascript  css  css-transitions 

Saya mencoba untuk menerapkan efek "fade out" di CSS murni. Ini biolanya . Saya memang melihat beberapa solusi online, namun, setelah membaca dokumentasi online , saya mencoba mencari tahu mengapa animasi slide tidak berfungsi. Ada petunjuk? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; …

96 css  css-transitions 

Peristiwa akhir transisi Webkit disebut webkitTransitionEnd, Firefox adalah transisiEnd, opera adalah oTransitionEnd. Apa cara yang baik untuk menangani semuanya dalam JS murni? Haruskah saya melakukan browser sniffing? atau menerapkan masing-masing secara terpisah? Cara lain yang tidak terpikir oleh saya? yaitu: //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : …

91 javascript  css  css-transitions  dom-events 

Saya telah membuat kode skrip (dengan bantuan pengguna di sini) yang memungkinkan saya untuk memperluas div yang dipilih dan membuat div lain berperilaku sesuai dengan peregangan yang sama agar sesuai dengan ruang yang tersisa (kecuali yang pertama yang lebarnya diperbaiki). Dan inilah gambar yang ingin saya capai: Untuk itu saya …

9 javascript  jquery  css  flexbox  css-transitions