- - WEB前端开发
animate.css 是提供炫酷,有趣,跨浏览器css3动画的网站,你可以在高级项目中使用这些效果,为高级浏览器用户提供更好的交互体验. 动画效果包括强调突出,滑块,淡入淡出,放大缩小等等. 你也可以结合jQuery一起使用,例如$(‘.bouncy’).addClass(‘bounceInDown’); 项目主页:http://daneden.me/animate/ git地址:https://github.com/daneden/animate.css 声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发转载请注明转自《CSS3动画效果-animate.css》.
- - 我爱互联网
css是一个比较酷、炫的一个动画合集,很方便在你的项目中使用. 更便于你来寻找CSS的动画效果. 47款惊人的CSS3动画效果. 非常有用的HTML5,CSS3的框架. 10款令人难以相信的CSS3绘图效果. 18个明亮型纯CSS的绘图示例. 什么是HTML5和CSS3. HTML5和CSS3的新特性
(@yixieshi).
- MapleShadow - 前端观察
前阵子做了个css3文字效果,涉及css3投影,渐变,蒙版,伪类等知识点,现在写下设计思路,仅供参考. 一般我们都是用css3的box-shadow来实现盒投影,用text-shadow来实现文字投影,box-shadow设置方型盒子投影,用raidus的话可以让盒子产生圆角,看起来就很圆滑舒服,一般的写法是这样的:.
- - 畅之部落格
如果用过 苹果官网的搜索功能,就会发现,当搜索框获得焦点时会自动伸长,并且有动画效果,这是怎么实现的呢. 不需要Flash,不需要JavaScript,纯CSS3就可以实现,先看看Demo(不支持IE内核浏览器):. input class="style1" type="text" value="向右伸长" />.
- - 前端观察
大家已经开始在项目中使用一些CSS3动画效果了吧,这让网站在高端浏览器上看起来很上流. animate.css是一个老外做的各种CSS3动画的合集,比较全,也很炫,大家可以参考学习一下. 项目主页: http://daneden.me/animate/. 自定义下载样式: http://daneden.me/animate/build/.
- binglin - 博客园-首页原创精华区
CSS3 给 Web 开发带来了革命性的影响,以前很多需要 JavaScript 才能实现的复杂效果,现在使用 CSS3 就能简单的实现. 如果你想了解 CSS3 可以做些什么的话,可以参考本文列出的 CSS3 能实现的很炫的应用. 这些很酷的例子中有渐变、旋转、字体效果以及三维变换等等,尽情欣赏吧.
- - ITeye资讯频道
在CSS3中变化重大的一项便是与Web排版相关的技术. 现在我们不需要使用任何JavaScript或图片即可实现丰富的文本样式效果. 本文收集了10个非常实用的CSS3 文本效果制作与Web排版教程,希望你会喜欢. 在该教程中我们将学习怎样使用基本的CSS标记来完成交互式排版设计,这里我们只使用最少的图像,并借助纯CSS3的魔力,另外,使用一个专门用于网页排版的jQuery插件——lettering.js让设计稍微更出色一些.
- - 博客园_梦想天空
这篇文章收集了一组非常绚丽的. CSS3 效果应用演示,这些示例演示了 CSS3 各种新特性的强大能力. CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 . JavaScript 才能实现的各种很酷的界面效果和动画,如今使用纯 CSS 代码就可以很容易实现. 相信下面这些 CSS3 演示会让你感到吃惊.
- - 博客园_Ruby's Louvre
CSS3从IE滤镜偷窍过来的创意,但易用性明显提高了许多. 利用这个,我们可以对某个元素进行旋传,缩放,倾斜与位移,并且区分元素类型,无论对块状元素还是内联元素都有效. rotateX(angle) 单独设定 rX 轴的角度. rotateY(angle) 单独设定 rY 轴的角度. rotateZ(angle) 单独设定 rZ 轴的角度.
- - 我爱水煮鱼
CSS3 具有相当多的新增属性,而且包括阴影、动画、过渡等华丽的效果. 但是由于 CSS3 出来并没有很久,各个浏览器厂商还在开发中,有些属性仍然会带有实验性前缀. 而且类似制作动画、渐变的 CSS3 代码也相当复杂,一旦写错就会导致出现问题. 为此,有人开发了一个生成 CSS3 代码的工具 Create CSS3.