background
background列表
-
CSS3 Animation(上)
单从Animation字面上的意思,我们就知道是“动画”的意思。但CSS3中的Animation与HTML5中的Canvas绘制动画又不同,Animation只应用在页面上已存在的DOM元素上,而且他跟Fl... [background]
-
CSS3制作的分页导航
今天我们主要的目的是使用CSS3等相关属性来制作分页导航效果,大家可以直击下面的效果图: 在这个效果中,其实只有两大看点:使用CSS3的属性,制作不规则图形... [background]
-
CSS3 Transitions(基础)
Step1:Link transitions开头,我们做一些基础的练习:当指上文字的时候,改变其颜色!代码如下:.case1 a{ color:#333; -webkit-transition:color 500ms ease-in;}.case1 a:... [background]
-
css3对background的调整与增强
css3对于backgrounds做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。1、多个背景图片在css3里面,你可以再一个标签元... [background]
-
CSS3 Transitions, Transforms和Animation使用简介与应用展
一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范,各类清规戒律谨记与严守。但是,后来呢,花姑娘送到跟前,什么戒律都成了浮云,禁不住诱惑享... [background]
-
CSS Transition (CSS过渡效果)入门
尽管人们期待屏幕显示技术有所改进,但CSS和HTML却只提供了少数的交互设计控制,而且还只是双向状态的而非渐进状态,如:一个链接只能是一种颜色或另一种颜色,文本域只能是一种尺寸... [background]
-
使用CSS3改变文本选中的默认颜色
关于浏览器文字选中颜色以我的系统举例(xp 默认主题),浏览器上页面文字选中后默认的背景色是一种蓝色, 不同浏览器的颜色有些许差异,但大致相同,文字颜色也近乎白色,如下图所示,截... [background]
-
CSS和CSS3按钮选择器对比
CSS3按钮选择器,通过CSS3新特性把普通的html链接设计成视觉上平滑的按钮m包括梯度背景、圆角、下拉阴影,以及转换等效果。支持CSS 3动画,可以把按钮逐渐地从默认状态变为悬停状... [background]
-
用css3制作纸张效果
一、中规中矩的效果所谓“中规中矩的效果”就是加个投影,贴个胶带什么的。效果如下:您可以狠狠地点击这里:中规中矩纸张效果demo这里纸张本身的效果没有什么说头的,就是个C... [background]
-
CSS3窍门:隐藏文本
css3的使用技巧有很多。本文就是讲css3的隐藏文本的技巧使用出来,是一个非常酷的文章隐藏把戏。我们将使用的::selection定义文字的颜色。而 ::selection选择的声明是一种新... [background]
-
CSS3系列教程:HSL 和HSLA
使用CSS3 HSL声明同样是用来设置颜色的。下一个呢? HSLA? 是的,这个和RGBA的效果是一样的。HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。Hue... [background]
-
CSS3窍门:隐藏文本
下面是一个非常酷的CSS 3隐藏文字信息的把戏。我们将使用的::selection定义文字的颜色。而 ::selection选择的声明是一种新的工具,在CSS 3中Internet Explorer还不能支持。当... [background]
-
CSS3新增加结构伪类
结构伪类(Structural pseudo-classes)CSS 3增加了大量的结构伪类,利用文档结构树来实现表现,从而可以减少页面内class属性和ID属性的定义,使得文档更加简洁。以下示例,请使用Wi... [background]
-
CSS3教程:background-clip和background-origin
background-clip 和 background-origin 是 CSS3 中新加的 background module 属性,用来确定背景的定位。background-clip 用来判断 background 是否包含 border 区域。而 ba... [background]
-
jQuery插件实现css3效果
css3可以轻松实现很多譬如图片边框、多重背景、文字阴影等效果,但是目前支持css3的浏览器少之又少,往往了实现圆角效果要去写一堆代码,下面介绍的这些强大的jQuery插件可以轻松... [background]
-
HTML5仿苹果手机的面板合拢折叠效果
这是一个HTML5折叠菜单,但更像是一个折叠面板,仿苹果手机的passbook应用中的代码例子,请在火狐或chrome下浏览。不知道有没有听说过手机琴菜单,觉得这一个从形式上来说,是... [background]
-
HTML5技术实现剪切+上传图片的功能
我们曾经被几个读者问到同一个问题——如何将照片传到网上。我认为这是一个很有趣的问题,我决定在本文中解决掉这个问题。但是,我认为只是单纯的实现上传功能可能会有... [background]
-
一款带有发光动画的HTML5表单
今天给大家秀一款带有发光动画的HTML5表单,挺酷的,效果图如下: 当表单获取焦点时,表单四周就会呈现出发光动画的效果,并不断地进行颜色渐变;当表单失去焦... [background]
-
HTML5的音频和JQUERY的全屏幻灯片
在今天的教程中,我们将创建一个全屏的照片幻灯片来说明纽约图片系列。 我们将增加对HTML5的音频元素的声音,为了给生活画廊,并尝试重建这个充满活力的城市环境。在今天的教... [background]