av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

前端 - CSS3 如何設(shè)計節(jié)點(diǎn)刪除(對應(yīng)標(biāo)簽也會刪除)的動畫?

瀏覽:118日期:2023-08-10 16:39:47

問題描述

CSS3 的效果現(xiàn)在很多, 單純的退出動畫直接用類庫可以做到: http://daneden.me/animate/但這樣有一個問題, 因為 CSS3 的動畫都是需要元素一直存在的,如果做應(yīng)用遇到有刪除, 為了好的體驗加上動畫, 那么刪除的動畫怎么做?如果刪除元素, 動畫就沒了; 如果延時刪除元素, 動畫變成異步去很麻煩了.有沒有好的方案來實(shí)現(xiàn)刪除的動畫?

問題解答

回答1:

用css3的keyframes試試

在100%的時候?qū)崙?yīng)用隱藏的display:none;

回答2:

可以監(jiān)聽animationend或者transitionend事件,動畫或者漸變結(jié)束后讓它消失。這樣不需要用動keyframes。

$('.yourClass').addClass('animationClass').on(’transitionend webkitTransitionEnd oTransitionEnd otransitionend animationend webkitAnimationEnd’, function(){$('.yourClass').hide();});

不需要消失的時候unbind事件即可

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 免费视频黄 | 五月婷婷丁香花 | 久久亚洲国产精品 | 中文在线观看免费高清 | 亚洲综合影院 | 五月婷婷色 | 成人深夜视频 | 日韩成人中文字幕 | 久久久97| 成人国产精品久久久网站 | 欧美久久精品 | 视频在线一区二区 | 国产午夜激情 | 国产一区二区三区精品视频 | 99热思思 | 色噜噜狠狠一区二区三区 | 亚洲三级在线 | 天堂av影院 | 国产午夜免费 | 国产欧美一区二区三区视频在线观看 | 日本一级淫片 | 日韩色在线 | 欧美日韩中文在线 | 亚洲成人日韩 | 色综合久久久久 | 深夜福利在线播放 | 日日夜夜干 | 一级片免费在线观看 | 午夜国产在线观看 | 一区二区欧美日韩 | 亚洲狠狠干 | 秋霞午夜伦理 | 亚洲精品免费看 | 91麻豆精品一区二区三区 | 色在线播放 | 午夜在线免费视频 | 久久久久久久综合 | 精品视频在线观看 | 99中文字幕 | 亚洲一区在线观看视频 | 在线观看h片 |