摘要: 用一句很俗气的话概括这两天的情况就是:“最近很忙”,虽然手头上有不少很酷的HTML5和CSS3资源,但确实没时间将它们的实现过程写成教程分享给大家。今天刚完成了一个神秘的项目,空下来来博客园写点东西。今天给大家分享2个CSS3火焰文字特效,并且将实现的思路和核心代码写成教程分享给大家。第一个是静态的... 阅读全文
posted @ 2014-06-09 08:05 html5tricks 阅读(9095) 评论(1) 推荐(4) 编辑
摘要: 这段时间比较忙,很久没在这里分享一些漂亮的HTML5和CSS3资源了,今天起的早,看到一款很不错的CSS3 3D菜单,觉得非常上眼,就将它分享给大家,顺便来分析一下实现的源码。下面是效果图:看了效果图是不是觉得它是一副麻将,对,第一眼我也认为是用CSS3写的麻将特效,结果我错了,它只是长得比较像而已... 阅读全文
posted @ 2014-05-28 10:42 html5tricks 阅读(4784) 评论(7) 推荐(7) 编辑
摘要: 有两天没发表文章了,今天来说说利用jQuery和CSS3制作一款类似阿里巴巴左侧商品菜单导航,这款菜单看起来非常大气,可以展示非常多的产品类目,如果你在设计电子商务网站,不妨可以拿来参考,一下是效果图:我们也可以到这里来查看这款菜单的DEMO演示。接下来还是分析一下源代码,源码由HTML、CSS和j... 阅读全文
posted @ 2014-05-16 07:55 html5tricks 阅读(3973) 评论(11) 推荐(13) 编辑
摘要: 今天我们来看一个非常有创意的CSS3 3D菜单,这个菜单的菜单项是可以旋转的长方体,鼠标滑过是长方体即可旋转,看看下面的效果图,是不是感觉非常酷,我觉得这个菜单很适合用在咱们开发人员的个人网站上。当然你也可以直接到这里去查看这款菜单的DEMO演示。接下来还是分析一下这款CSS3菜单的源代码吧,很简单... 阅读全文
posted @ 2014-05-14 13:28 html5tricks 阅读(4217) 评论(0) 推荐(2) 编辑
摘要: 又到周末,来弄点HTML5的特效玩玩,今天要折腾的是HTML5 3D图片特效,图片在垂直方向上被分割成一条条小矩形,在图片上拖动鼠标即可让每一个小矩形旋转,从而让图片形成3D立体的效果,来看看效果图:大家也可以在这里看到具体的DEMO演示。下面我们来分析一下实现这款HTML5 3D图片旋转特效的源代... 阅读全文
posted @ 2014-05-10 10:31 html5tricks 阅读(5133) 评论(2) 推荐(1) 编辑
摘要: 今天我要向大家分享一款很特别的CSS3分页插件,这款分页插件不仅可以点击分页按钮来实现分页,而且可以滑动滑杆来实现任意页面的跳转,看看都非常酷,很适合一些个性化的个人网站使用,当然,这款分页插件也适合ajax翻页,效果都挺不错的。先来看看效果图:怎么样,还挺酷的吧。当然你也可以在这里查看插件的DEM... 阅读全文
posted @ 2014-05-08 10:39 html5tricks 阅读(3154) 评论(2) 推荐(3) 编辑
摘要: 今天要分享一款纯CSS3实现的社会化分享按钮,它放置在网页的顶部,你可以选择将它固定在网页顶部,这样对用户分享内容就十分方便。这些社会化分享按钮的图标文件来自google和bootstrap的字体文件,包含了个大社交网站的logo图标,可以先来看看效果图:看起来非常不错吧,非常特别的外观,图标也比较... 阅读全文
posted @ 2014-05-06 10:30 html5tricks 阅读(2506) 评论(0) 推荐(2) 编辑
摘要: 今天我们来分享一款利用纯CSS3实现的3D按钮,这款按钮的一个特点是有彩色的边线,这让整个按钮显得比较多姿多彩,没那么枯燥无趣。本文不仅可以让大家看到演示效果,而且我们把制作教程也分享出来,首先来看看效果图:我们也可以在这里看到这些按钮的DEMO演示。接下来就来分享一下制作教程以及源代码,按钮的源代... 阅读全文
posted @ 2014-05-05 08:00 html5tricks 阅读(2924) 评论(4) 推荐(2) 编辑
摘要: 之前分享过一款非常酷的CSS3垂直下拉动画菜单,是多级菜单。今天我们来看一款也是用CSS3制作的垂直菜单,是仿Google Play的菜单,菜单项都带有可爱的小图标,可以先来看看效果图:当然你可以在这里看到这款垂直菜单的DEMO演示。接下来我们来一起分析一下这款Google Play垂直菜单的源代码... 阅读全文
posted @ 2014-05-04 12:58 html5tricks 阅读(3119) 评论(6) 推荐(1) 编辑
摘要: 今天我们利用jQuery和CSS3来打造一款简易而且扩展性强的Tab菜单,这款Tab菜单在切换时也有滑块的效果,先来看看效果图:由与Tab菜单比较假单,你也可以用CSS代码定制你自己需要的外观。我们可以在这里看到这款Tab菜单的DEMO演示。看完演示,再来解读一下这款Tab菜单的源代码,主要由CSS... 阅读全文
posted @ 2014-05-03 12:51 html5tricks 阅读(3328) 评论(0) 推荐(0) 编辑