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

标签:css3教程

CSS3教程

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

html5阅读(2983)

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

CSS3教程

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

html5阅读(6225)

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

CSS3教程

CSS3制作迷你播放器面板

html5阅读(3102)

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

CSS3教程

css3学习-插花的杯子

html5阅读(3766)

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

CSS3教程

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

html5阅读(3067)

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

CSS3教程

简单的HTML5+CSS3关键帧动画

html5阅读(9068)

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

CSS3教程

纯CSS3制作的Windows7开始菜单

html5阅读(3254)

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

CSS3教程

CSS3 background相关属性的使用

html5阅读(2520)

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

CSS3教程

掌握CSS3:一些实用的技巧

html5阅读(3375)

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

CSS3教程

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

html5阅读(3042)

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

CSS3教程

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

html5阅读(5870)

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

CSS3教程

15 个最新的 CSS3 教程

html5阅读(2207)

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

CSS3教程

盒子模型(box Model)和边框(border)

html5阅读(6382)

1 CSS盒子模型 首先来复习下CSS的box Model,box Model 是CSS+DIV布局的灵魂所在,下面这张图足以说明一切:      元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是...

CSS3教程

关于CSS3中的Transform变形

html5阅读(2442)

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

CSS3教程

CSS3 @font-face详细用法local

html5阅读(6708)

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

CSS3教程

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

html5阅读(2639)

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

CSS3教程

24个为Web开发人员准备的CSS3实用教程

html5阅读(3430)

本文搜集了一些关于 CSS3 的最新教程。你可以根据这些教程或技术来实现网页设计,包括:文字阴影、圆角框、盒模型尺寸计算(box sizing)、透明效果处理、多重背景、边框图像等。以下这些都是非常实用的 CS...

CSS3教程

CSS3各属性范例整理

html5阅读(2474)

以下收集的是CSS3各属性范例,如圆角、阴影、动画等,都是些非常基础的知识,希望对你有所帮助! CSS3边框圆角特效(border-radius): 属性: border-top-right-radius border-bottom-rig...

CSS3教程

CSS和CSS3按钮选择器对比

html5阅读(2162)

CSS3按钮选择器,通过CSS3新特性把普通的html链接设计成视觉上平滑的按钮m包括梯度背景、圆角、下拉阴影,以及转换等效果。支持CSS 3动画,可以把按钮逐渐地从默认状态变为悬停状态,你可以在不使用如上图那样的图片的情况下得到一个漂亮的...

CSS3教程

11个CSS3按钮制作教程

html5阅读(3678)

CSS3作为一个新技术,尽管某些浏览器不支持,但在过去的6个月里,CSS3已然吸引了设计师和Web开发人员的注意力。实际上,有了CSS3,可以创建更好网站。在本文,Jean-Baptiste Jung 整理收集了11个在CSS3中制作漂亮按...

CSS3教程

10个不错的CSS3表单教程

html5阅读(2024)

CSS3的出现,为制作更好的网页表单带来无数新的可能。在本文中,我收集了10种运用新技术CSS3,制作非常棒的表单的教程。

Java基础教程Android基础教程