css3

我用 CSS3 实现了一个超炫的 3D 加载动画

今天给大家带来一个非常炫酷的CSS3加载Loading动画,它的特别之处在于,整个Loading动画呈现出了3D的视觉效果。这个Loading加载动画由12个3D圆柱体围成一个椭圆形,同时这12个圆柱体依次波浪式地起伏,从而传递给用户“正在加载”的信息。 效果预览 代码实现 HTML代码 HTML代 ... »

边框(Border) 和 轮廓(Outline) 属性

一、属性描述 属性 描述 border 复合属性。设置对象边框的特性。 outline 复合属性。设置或检索对象外的线条轮廓。 border-radius 设置或检索对象使用圆角边框。 border-image 设置或检索对象的边框样式使用图像来填充。 box-shadow 向方框添加一个或多个阴影 ... »

cyy22321-blog CSS3

background 属性

一、background 属性集 值 说明 background-color 指定要使用的背景颜色 background-position 指定背景图像的位置 background-size 指定背景图片的大小 background-repeat 指定如何重复背景图像 background-orig ... »

cyy22321-blog CSS3

SVG 和 CSS3 实现一个超酷爱心 Like 按钮

在现代网页中,我们经常可以在一些文章、视频和图片页面上找到”Like”按钮,并且通过点击该按钮来表示自己对该内容的喜欢或者不喜欢。大部分”Like”按钮是纯文本按钮或者图片按钮,如果你想让它们具有特别的动画特效,那么我们就需要用到CSS3或者JavaScript了。本文给大家带来一个带有爱心散列动画 ... »

css3中-moz、-ms、-webkit,-o分别代表的意思

这种方式在业界上统称:识别码、前缀 //-ms代表【ie】内核识别码 //-moz代表火狐【firefox】内核识别码 //-webkit代表谷歌【chrome】/苹果【safari】内核识别码 // »

fps2tao

css3实现border渐变色

.navbox{ border-right: 1px solid; border-image: -webkit-linear-gradient(#00569D , white , #00569D)1 »

weibo806

CSS3背景相关

适当的裁剪背景图片 语法: 效果展示: CSS3背景background-size 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对比图片进行伸缩。 语法: 取值说明 »

shiy

纯css3实现的圆形旋转分享按钮

之前已经为大家介绍了好几款css3按钮,今天要为大家介绍的是一款纯css3实现的圆形旋转分享按钮。旋转的角度可以自己调整。在demo中演示了三个角度旋转。360度,60度,-360度。如图: 在线预览 »

liaohuolin

CSS3 弹性盒子(Flex Box)

CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的 ... »

css3 制作一个遮罩

思路:1.显示两块图片,2.图片区域(初始隐藏),3.鼠标移入,遮罩显示,此时遮住图片,4.鼠标移出,遮罩恢复初始状态 用到两个css3 属性:transtion ,transform 用法 »

huanying2015

大饱眼福 7款类型各异的CSS3实用菜单

在网站上应用一款具有表现力和用户体验的网页菜单非常重要,如果你的网站很现代,那么请利用HTML5和CSS3来完成菜单功能,因为这会让你的网站变得非常有活力。下面分享的7款类型各异的CSS3实用菜单将会 »

html5tricks

CSS3 阴影效果

CSS3 里使用 box-shadow 属性定义块的阴影,基本语法如下:box-shadow: 3px 3px 4px #000;上面的样式里,前面两个 “3px” 表示阴影在 xy 两个坐标轴上的偏 »

zhaiqianfeng

CSS3阴影 box-shadow的使用总结 - dataman

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset »

wyaocn

用css3和jQuery制作精美的表单

用css3和jQuery制作一个简单的精美表单html代码如下:Mask Your Input Forms and Make It Beauty Too Plain Fading The Label »

ranzige