炫意html5
最早CSS3和HTML5移动技术网站之一

CSS3教程

纯CSS3动画按钮效果 5种漂亮样式

html5阅读(3974)

这次我们要来分享一款很不错的CSS3按钮动画,这款CSS3按钮一共有5种动画方式,每一种都是鼠标滑过动画形式,虽然这些动画按钮不是十分华丽,但是小编觉得不像其他按钮那样很难扩展,我们可以修改CSS代码随意改变自己喜欢的颜色样式。 在线演示 ...

CSS3 Columns:比table更好用的分列式布局方法

html5阅读(1804)

CSS里一直有一个让我们头疼的问题,就是创建布局很麻烦。当然,有很多方式,有很多技术都可以创建各种布局,但我们总觉得CSS里应该提供一些新属性,让我们能更好的管理布局。幸运的是,CSS3里提供了一批新的创建列式布局的column属性,有了这...

浏览器引擎前缀(Vendor Prefix)教程

html5阅读(1554)

浏览器引擎前缀(Vendor Prefix)是什么? Vendor prefix—浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。谷歌浏览器和Safari浏览器使用的是WebKit...

[译] 一个健壮且可扩展的 CSS 架构所需的8个简单规则

html5阅读(1807)

CSS architecture 这是一份清单,里面列出了在我多年的专业 Web 开发期间,在复杂的大型 Web 项目中学习到的有关管理 CSS 的事项。我多次被人问起这些东西,所以写一份文档记录下来听起来是个不错的主意。 我已经尽力尝试用...

简洁的图标Cikonss:CSS3响应式图标字体

html5阅读(2679)

在这篇文章中,给大家介绍一个很简洁的图标 Cikonss,和一般的图标或图标字体不一样的地方在于,它使用CSS来创建的,而不是图片创建也不是字体图标。包含了40多个不同的图标类型,并且支持响应式的布局,并且兼容浏览器,因为不使用CSS3。 ...

Web开发者的福利:30段超实用CSS代码

html5阅读(1858)

上周发表了一篇“ Web开发者不容错过的20段CSS代码”,大家一致觉得很实用。该文是笔者对后30个的翻译,希望对大家有帮助。 1.花式连字符(&) 这个类应该在span元素里使用,并且里面包括&字符。它使用经典的serif...

CSS实例教程:创意CSS3头像展示教程

html5阅读(4994)

今天就为大家分享一个非常有创意的CSS3头像展示效果,交互性强,是一个基于css3和js来实现的,代码量不多,但是最终的效果却很让人赞叹,所以特别推荐给大家。其中关于本示例的一些css样式呈现,个人认为还有很大的发挥空间,例如鼠标经过的时候...

HTML5+CSS3城市场景动画

html5阅读(3364)

最近一直在研究HTML5的动画表现,特别是在移动设备上的呈现。今天就为大家分享一个用HTML5+CSS3制作的城市场景动画,动画包含了白天到夜晚的渐变动画以及太阳、云朵、气球等动画效果;除此之外,页面的视觉效果采用了插画的设计风格,希望大家...

CSS3制作迷你播放器面板

html5阅读(1801)

这是格子同学提供的一款由CSS3制作的迷你播放器面板的案例(时间效果是由jQuery完成)。这个案例仿Mac电脑的窗口风格设计,整个面板分成三部分,顶部由标题和最小化、最大化以及关闭按钮组成(这三个按钮功能未添加);中间部分类似于播放器一样...

css3学习-插花的杯子

html5阅读(2270)

感觉css3细节很多,群里的朋友布置的作业,插花的杯子;跟原图有一定的差距!不管怎么样,坚持了1周学习加测试,加练习终于搞定!只做了chrome的兼容!   点击查看DEMO:插花的杯子 感兴趣的可以看源码! 写css3的过程中有...

15种基础的可以直接使用的CSS3样式

html5阅读(1686)

本篇文章将列出一些基础简单的CSS3样式,你可以把它们放在手边,需要用的时候随时拿过来修改成自己的风格就可以使用。为了使我们得CSS3样式可以重复使用,我把它们写成一个个class,天屹收集并把它们分类如link,input,text等等。...

25个CSS3高级用户界面特效教程(2)

html5阅读(1467)

本文中介绍了25个CSS3的高级用户界面特效,其中包括SVG & CSS 交互图表、CSS3 3D 动画直方图、CSS3 注释层效果、CSS3 动画目录选项卡等

25个CSS3高级用户界面特效教程(1)

html5阅读(1906)

本文中介绍了25个CSS3的高级用户界面特效,其中包括SVG & CSS 交互图表、CSS3 3D 动画直方图、CSS3 注释层效果、CSS3 动画目录选项卡等

CSS制作的QQ企鹅

html5阅读(2522)

交作业了,昨天看了Alice转的CSS绘制QQ企鹅的教材,自己抽时间重现了一下,做的过程是在FF下面搞的,其他浏览器没有测试。这里发出来和大家分享一下:先看一下效果图:

CSS3特效之动画animation

html5阅读(6038)

CSS3特效之动画animation 1、渐变背景动画 2、文字移动动画 3、简单的复合动画

简单的HTML5+CSS3关键帧动画

html5阅读(6379)

现在我们可以用CSS3+HTML5制作吸引眼珠的动画了,为了展现这一特色,我们分析使用CSS3如何制作钟表指针按中心旋转的动画。 本文创建CSS3动画,我们使用了两个重要的CSS3属性 animation @keyframes 注意我们添加...

CSS基线之道

html5阅读(1522)

译者注:网页设计布局中一直比较流行网格对齐,但只是针对水平的对齐,很少或者没有涉及垂直对齐,这篇文章很详细的讲解了垂直网格,乃至基线对其的相关,而css3中的多列布局的也使其显得更为重要,因此还是很有必要去了解学习,至少也是一种思路。 &m...

纯CSS3制作的Windows7开始菜单

html5阅读(1844)

我对使用少量CSS3代码来实现很多效果这一过程非常的着迷,很多UI元素都需要用图片来展示其漂亮的外观,但是你可能不知道,单纯的CSS3代码也是可以实现的。下面我就用纯CSS3来制作Windows 7开始菜单(额外需要几个小图标),从而来证明...

CSS3网页设计参考-15个漂亮CSS3网站

html5阅读(2129)

今天分享的作品集网站有些特别,因为他们都是使用 CSS3 技术制作的。对于设计师来说,为了吸引注意力,作品集必须展示出你的能力,这有点像制作简历,要让人们看到你所擅长的,突出的部分,这是一次推销自己的机 会。如果你正想设计个人作品集网页,下...

CSS3教程HTML5教程