该教程,我们将讨论CSS3的一些新功能和新特性,并教你在不使用图片和JavaScript的情况下,如何制作酷炫的圆形导航菜单。该实例将用到CSS3的新特性: border-radius和animation。
Demo演示 下载代码
第一步:编辑菜...
-
2031166: 不用图片和JS,照样创建绚丽的动态CSS3菜单
2015-02-24 15:53 来自版块 - 站长技能提升
-
beyondhenry: CSS3 Glowing Text Effect
一个有关于CSS3写的文字发光和动画的案例。这个效果中最关键的是使用了十个相同的标签,来模仿了一个3D立体的效果,同时设置一个抖动的效果,这个效 果主要由transform的rotate3d来制作,在不同的时间段设置不同的效果,另外通过text-sh...2015-02-13 01:11 来自版块 - 站长技能提升
-
冷雨凝枝: CSS3菜单气泡提示
一个Web项目上工作时,不得不以某种方式强调一个动态的通知气泡。基本上每次通知值的变化,需要的视觉效果,以获得用户的注意。 下面为大家提供CSS3菜单气泡提示的代码,希望对大家能有所帮助。 HTML [*]Dashboard...2014-12-22 04:44 来自版块 - 站长技能提升
-
guguaile: 使用CSS制作APPLE WATCH刻度盘动画效果
在这篇文章中,我们将使用CSS来实现Apple Watch界面中的刻度盘动画效果。如果看过Apple Watch的宣传页面,就会看到其中有一个红绿蓝三色形成一个圆形刻度盘动画的效果。 查看演示 下载:使用CSS制作APPLE WATCH刻度盘动画效...2014-09-27 17:04 来自版块 - 站长技能提升
-
moonhero: 使用CSS3的step()生成的动画效果
在线演示及下载 在这些DEMO中,将演示如何使用CSS3的step()来处理动画效果。 运动的小车: .contain-car { animation: drive 4s steps(4, end) infinite; } .contai...2014-09-17 09:38 来自版块 - 站长技能提升
-
may0375may: CSS3实现的图片加载动画效果
在线演示 使用CSS3实现的不同图片加载动画效果,支持响应式,非常适合针对瀑布流布局图片动态加载特效进行增强! HTML [*] [*] [*] [*] CSS3 /* Effect ...2014-07-31 12:47 来自版块 - 站长技能提升
-
tmxk8: 一组梦幻般的 CSS3 动画按钮效果
给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示,把鼠标放在按钮上试试,有惊喜哦!(温馨提示:如果不显示请刷新页面,在 Chrome,Firefox 和 Safari 浏览器中效果最佳。)访问链接:http://jsfiddle.net/lhb...2014-04-23 18:23 来自版块 - 站长技能提升
-
sundanter: 使用CSS3的step()生成的动画效果
在线演示及下载 在这些DEMO中,将演示如何使用CSS3的step()来处理动画效果。 运动的小车: .contain-car { animation: drive 4s steps(4, end) infinite; } .contai...2014-04-22 02:19 来自版块 - 站长技能提升
-
adnimer: CSS书写规范及顺序
CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-...2014-01-04 08:45 来自版块 - 站长技能提升
-
乱舞斗剧: 视频教程:CSS3动画属性实用技巧教程
目前CSS3动画已经越来越流行,在一些网页专题的产品介绍页面,手机APP首屏展示页面,又或者只是一个按钮简单变形,都可以使用CSS3来实现,虽然动画简单,但却让静态枯燥无味的页面增加一点生气,更吸引用户,更加高端。 今天向大家讲解几个常用的C...2013-12-24 17:02 来自版块 - 站长技能提升