又一个 WordPress 博客

存档于‘(x)html+css’ 分类

chrome下支持的一些css3动画效果

动态伪类 起作用的元素 描述

:link 只有链接 未访问的链接

:visited 只有链接 访问过的链接

:hover 所有元素 鼠标经过元素

:active 所有元素 鼠标点击元素

:focus 所有可被选中的元素 元素被选中

js的事件也可以,比如click,focus,mousemove,mouseover,mouseout等等

transition的基本语法:

css3动画通过transition属性和其他css属性(颜色,宽高,变形,位置等等)配合来实现。

transition的语法:

transition : [< 'transition-property'> || < 'transition-duration'> || < 'transition-timing-function'> || < 'transition-delay'> [, [< 'transition-property'> || < 'transition-duration'> || < 'transition-timing-function'> || < 'transition-delay'>]]*

(全文…)

解决ie6 不支持png24 半透明

使用方法
1.在这里下载DD_belatedPNG.js文件.
2.在网页中引用,如下:

1
2
3
4
5
6
7
8
<!--[if IE 6]>
<script src="DD_belatedPNG.js" mce_src="DD_belatedPNG.js"></script>
<script type="text/javascript"><!
<!
/* EXAMPLE */
DD_belatedPNG.fix('.png_bg');
/* 将 .png_bg 改成你应用了透明PNG的CSS选择器,例如我例子中的'.trans'*/
// -->

想要用透明PNG作为a:hover时的背景图片,那么你需要留意你的代码,需要以”a:hover”来作为选择器.否则可能会导致无法成功.同时我也更新了demo,请需要的更新查看.接着我们看看正确的代码:

1
2
3
4
5
6
<!--[if IE 6]>
	<script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
	<script type="text/javascript">
	DD_belatedPNG.fix('.trans,.box a:hover');
	</script>
<![endif]-->

官方地址 http://dillerdesign.com/experiment/DD_belatedPNG/#download

You are currently browsing the archives for the (x)html+css category.