#test:hover #tri{-webkit-animation:name 1s}//name随便取 时间随便 前边要加上浏览器引擎
-webkit- google 等
-o-opera 等
-moz-firefox 等
-ms- IE 等 ie>=10
动画如下:也要加上对应的浏览器引擎例:
@-webkit-keyframes name{ from { perspective(800px) rotateX(0deg)} to { perspective(800px) rotateX(180deg)} }
//加上 perspective 才具有3D效果
Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持这个CSS3属性，IE6/7/8/9都不支持（IE11又支持，不过很好的一点是在ie中给a加disabled 点击事件自动无效。），Opera在SVG中支持。 但是 该属性HTML中 不支持
1、提交页面，提交按钮点击后，添加这个样式属性（style="pointer-events"），来防止重复提交
2、让链接不能点击
3、让鼠标点击穿透上方的 div
声明楼上的答复基本上是对的
但是，还是告诉你css3可以达成“处理click事件”类似的效果，比如checkbox，click后就能利用UI元素状态伪类来实现相应的变化，这种变化有点类似处理click事件，只是小范围的应用。
比如纯css3实现的checkbox按钮开关，你可以到mxria网站上看CSS3按钮开关的实现DEMO
css3在响应用户操作上很弱，基本上还是实现静态样式为主
