摘要,摘个鬼啊,本来只想来个短篇的,该死的越写越多,这个点了,还有鬼心情写摘要啊。总之,是处理IE10+浏览器非常不错的一篇文章,demo啊,截图啊,源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样,我先撤了~~~
阅读全文…
标签:::before, :empty, :optional, :valid, animation, box-shadow, css3, CSS伪类, hack, IE10, rotate, transform, 伪元素, 兄弟选择器, 渐变背景 发布在 CSS相关 | 15 条评论 »
animate虽然是CSS3中随时比较高级的东西,看上去与实际的web项目不搭噶,但是,这里,我要告诉你,在实际web项目中也是可以渐进使用CSS3 animation相关动画的,而且,操作难度以及兼容性处理都是很低的哦!
本文以比较实用的jQuery Mobile框架中开源的animate相关CSS代码为实例,分别展示了其中各种animate效果在实际交互中的应用。大量demo,大量截图以及源代码示意。相信本文的内容会对您的学习有所帮助的!
标签:3D效果, animate, animation, jQuery Mobile, setTimeout, 回流, 绝对定位 发布在 Web综合 | 21 条评论 »
本文介绍CSS3动画相关的几个属性是:transition, transform, animation,分别理解为过渡,变换,动画。虽然目前很多浏览器还没有完全支持这些属性,但是,在渐进增强的原则下,其高效的动画实现方式还是有很实际的应用价值的。本文实例当先(共14个),依次展示transition属性,transform属性,animation属性,而后三者结合展示一些更实际的效果与应用。 本文demo页面非常详细,提高必要的源代码展示,和截图供参考。希望能对您的学习有所帮助。
标签:animate, animation, css3, opera, transform, transition, webkit, 兼容性, 渐进增强 发布在 CSS相关 | 59 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee