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

标签:css3教程

CSS3教程

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

html5阅读(1858)

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

CSS3教程

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

html5阅读(4994)

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

CSS3教程

CSS3制作迷你播放器面板

html5阅读(1801)

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

CSS3教程

css3学习-插花的杯子

html5阅读(2270)

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

CSS3教程

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

html5阅读(1686)

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

CSS3教程

简单的HTML5+CSS3关键帧动画

html5阅读(6379)

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

CSS3教程

纯CSS3制作的Windows7开始菜单

html5阅读(1844)

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

CSS3教程

CSS3 background相关属性的使用

html5阅读(1319)

css3包含了多种新的背景属性,可以实现对背景元素更加强大的控制 这里主要讲述了 background-size 和background-origin 两种属性的使用方法 使用这两个属性要注意的有以下两点,Firefox 3.6 以下不支持...

CSS3教程

掌握CSS3:一些实用的技巧

html5阅读(2183)

  追求完美是没有限制的,即便是娴熟有经验的 CSS3 大师,也一直寻求有助于他们达到 “CSS 禅道”(Zen of CSS)的新资源。本文收集了一些极为有用并有意思的 CSS3 技巧和窍门,是 Web 开发人员军...

CSS3教程

利用CSS3相关技术实现按钮效果

html5阅读(1871)

由于CCS3增加了很多属性,对网页的设计和开发有了更多的可选择性。首先肯定是大热的是圆角border-radius了,其次就是颜色的渐变gradient了,还有就是可能要用到伪对象,下面这个例子就用到了:after了。

CSS3教程

css3实现图片容器内等比缩放

html5阅读(3863)

实现图片在指定容器内等比例缩放,并控制中上下左右居中,以前可以通过javascript 加css2 的办法来控制,随着css3的普及,现在介绍一种单纯通过css来进行控制。 具体代码如下: <!html> <head>...

CSS3教程

15 个最新的 CSS3 教程

html5阅读(1119)

1. 创建一个漂亮的图标 这个教程将教你如何用纯CSS3创建一个图中的图标 2. CSS3 图片样式 这个教程将教你如何使用 box-shadow, border-radius和transition。 3. C...

CSS3教程

关于CSS3中的Transform变形

html5阅读(1281)

在CSS3中,用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形,这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用,就会产生不同的效果,使用顺序不...

CSS3教程

CSS3 @font-face详细用法local

html5阅读(4163)

当我们想让自己的网站显示某一特定字体时,既要考虑用户电脑的情绪,又要考虑继承性,那么我们就要采取点措施了。 我们需要css中的@font-face属性来调取我们所需要的字体地址。 在这里要说明下字体格式:   我们最经常遇到格式是...

CSS3教程

CSS渐变之CSS3 gradient在Firefox3.6下使用

html5阅读(1434)

摘要:Firefox3.6包含了许多CSS的改进,本文将向您展示如果使用CSS渐变。 如果你正在运行的Firefox3.6的最新测试版,你应该看看我们的互动演示,并查看相应的代码。使用单选按钮来切换不同的样式选项。 背景使用CSS渐变显示可...

CSS3教程HTML5教程