现在,CSS已经有能力让元素display:none元素显示与隐藏的时候有transition动画效果了,分别靠@starting-style规则和transition-behavior属性,什么,这些你都不认识?那还不进来看看究竟是什么新特性。
文章关键字 ‘淡入淡出’
CSS transition-behavior让display none也有动画效果
2024年06月30日,星期日小tip: transition与visibility
2013年05月14日,星期二这里的transition指的就是CSS3中的那个过渡动画属性transition. 如果我们仔细查看其支持的CSS属性值,会发现竟然有一个visibility.
此时,我的脑袋上立马冒出了3个大大的问号:visibility不就visibile/hidden/collapse等值,又不是数值什么的,怎么有动画效果呢??
一番查阅研究,发现,这玩意还是有些作料的……
CSS3背景图片透明叠加属性cross-fade简介
2012年09月29日,星期六据说iOS6系统(iPhone5)增加了两个CSS3属性,一个是CSS3 filters – CSS3滤镜,在“CSS将图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜;另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。
毕竟有IE滤镜这厮,所以前者看上去可能不那么显生;那后者Cross-fade是?