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

您的位置:首頁技術文章
文章詳情頁

前端 - CSS3 如何設計節點刪除(對應標簽也會刪除)的動畫?

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

問題描述

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

問題解答

回答1:

用css3的keyframes試試

在100%的時候實應用隱藏的display:none;

回答2:

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

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

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

標簽: CSS
相關文章:
主站蜘蛛池模板: 亚州影院 | 久久久91精品国产一区二区三区 | 久久久久国产精品 | 日韩在线视频免费观看 | 精品日韩一区 | 久草中文在线观看 | 成人av免费 | 国产农村妇女精品一区 | 久久久久久久久久久福利观看 | 免费在线观看一区二区三区 | 久久国产精品免费一区二区三区 | 天天操天天玩 | 国产精品精品视频一区二区三区 | 别c我啊嗯国产av一毛片 | 一二三区av | 亚洲午夜精品视频 | 精品亚洲一区二区 | 国产乱码精品一区二区三区五月婷 | 中文字幕一区二区三 | 国产精品久久久久aaaa樱花 | 亚洲精品中文字幕在线观看 | 动漫www.被爆羞羞av44 | 国产一区二区日韩 | 亚洲国产成人精品女人 | 一区二区三区中文字幕 | 在线视频99 | 久久福利网站 | 国产精品久久久久久久久大全 | 91视频进入 | 亚洲欧美激情国产综合久久久 | 欧美寡妇偷汉性猛交 | 羞羞视频免费观看入口 | 欧美日韩视频一区二区 | 免费的av网站 | 国产精品久久久精品 | 日本精品视频一区二区三区四区 | 欧亚av在线| 国产精品欧美一区二区 | 国产一区二区精品在线观看 | 欧美色影院 | 成人h视频在线 |