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成人 | 欧美日韩一区不卡 | 一区二视频| 亚洲+变态+欧美+另类+精品 | 欧美精品一区二区三区一线天视频 | 蜜臀网 | 美女视频. | 精品国产欧美一区二区 | 午夜电影网址 | 成人一区二区三区在线观看 | 91精品麻豆日日躁夜夜躁 | 超碰人人爱 | 99久久国产精 | 91.com视频| 日本午夜精品 | 91在线看| 黑人精品欧美一区二区蜜桃 | 精品久久影院 | 99re视频精品| 久久亚洲一区二区三区四区 | av香港经典三级级 在线 | 天天操天天干天天爽 | 91资源在线 | 亚洲精品中文字幕中文字幕 | 久热免费 | 四虎av电影 | 精品视频免费在线 | 黄色日批视频 | 俺去俺来也www色官网cms | 成人午夜精品一区二区三区 | 精品福利一区 | 国产区在线 | 久久国产精品无码网站 | 久久av一区 | 午夜视频免费 | 国产精品毛片一区二区三区 | av片免费观看 | 日韩在线一区二区三区 |