文章关键字 ‘淡入淡出’

CSS transition-behavior让display none也有动画效果

2024年06月30日,星期日

水果西瓜封面占位图

现在,CSS已经有能力让元素display:none元素显示与隐藏的时候有transition动画效果了,分别靠@starting-style规则和transition-behavior属性,什么,这些你都不认识?那还不进来看看究竟是什么新特性。

阅读全文…

小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是?

阅读全文…

jQuery-innerfade内部列表自动淡入淡出插件

2009年12月21日,星期一

innerfade列表切换显示插件
这是一款用以处理列表元素显示的非常实用的插件。例如新闻内容的滚动显示,图片的幻灯片切换显示,所有与列表元素显示有关的内容都可以使用此插件,使用非常简单,方便。
本文简要讲述使用方法,提供demo页面,提供源文件打包下载,希望对您的学习有所帮助。

阅读全文…