![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
文章平均质量分 79
appteam_vlctech
这个作者很懒,什么都没留下…
展开
-
CSS3 Transitions, Transforms和Animation使用简介与应用展示
CSS3 Transitions, Transforms和Animation使用简介与应用展示时间:2011-01-22来源:未知 作者:admin 点击: 1895次内容提要: 一、前言兼目录索引 《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范,各类清规戒律谨记与严守。但是,后来呢,花姑娘送到跟前,什么戒律都成了浮云,禁不住诱惑享乐去了。啊,我现在似乎有类似的转载 2012-06-08 14:13:47 · 704 阅读 · 0 评论 -
学习提高你CSS技术的法则
本文由99根据Hugo Giraudel的《LEARNING PRINCIPLES FOR IMPROVING YOUR CSS》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://tympanus.net/codrops/2012/11/20/learning-principles-for-improving-your转载 2012-12-03 10:34:08 · 1830 阅读 · 0 评论 -
CSS3+js实现多彩炫酷旋转圆环时钟效果
CSS3+js实现多彩炫酷旋转圆环时钟效果by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1016一、demo以及下载上图为Firefox3.6下的效果截图,在IE浏览器下也有效果,只是微微有些bug,这个后面会说的。您可以转载 2012-11-16 14:45:16 · 2072 阅读 · 0 评论 -
中断与停止CSS transition
可能本来就是这样,处于阶段的CSS3就不该大规模应用,浏览器商只是用它炫耀CSS能做行为层的事儿。现在人们比对待IE的CSS滤镜宽容多了,因此这事情还是逐一被其他浏览器所接受。在CSS3提供的两上实现动画的方案中,transition与animation,animation在DOM中没有对应的API,而transition则在我们动画暂停时遇上滑铁卢了——在webkit与opera中,我们是无法用转载 2012-07-24 11:42:58 · 1740 阅读 · 0 评论 -
特效集锦
http://www.joelambert.co.uk/flux/ http://www.youku.com/playlist_show/id_17105254.html转载 2012-08-03 16:23:45 · 297 阅读 · 0 评论 -
CSS3 制作Drop Shadow效果
在介绍CSS3系列时,我花了一篇很长的篇幅专门介绍了CSS3的box-shadow属性以及其具体的使用等。在此文末尾还介绍了使用box-shadow配合CSS3的伪类中的“:before”和“:after”制作Box Drop Shadow效果的实例。随着CSS3和HTML5的不断发展和壮大,大家在平时中也发现了不少实例或网站都不需要使用图片来进行设计了,直接使用代码来完成。今天我们就在前面的转载 2012-07-11 11:33:15 · 520 阅读 · 0 评论 -
CSS3 Filter的十种特效
CSS3 Filter的十种特效 最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。今天终于抽出时间学习这个CSS3的Filter。不整不知道呀,一整才让我感到吃惊,太强大了。大家先来看个效果吧:我想光看上面的效果就能吸引你了,要是你自己动手的话,我想您更会感到神奇。细一看,这些效果就像是photoshop整出来的一样,转载 2012-07-11 10:34:19 · 612 阅读 · 0 评论 -
以Webkit为核心的浏览器的CSS样式-----Mask
以Webkit为核心的浏览器的CSS样式-----Masks-webkit-mask这个属性的作用如果熟悉Flash的话就知道有个“遮罩层”的东西,也就是如果根据遮罩层的颜色的深浅来显示位于遮罩层下方的图像,在这里的话,-webkit-mask是采用opacity透明度来实现遮罩的,如果透明度为1则显示,透明度为0则不显示,介于0-1之间则呈现相应的透明度-webkit-mask也是一转载 2012-06-21 16:21:11 · 4462 阅读 · 0 评论 -
CSS 绝对定位属性absolute用法初探
CSS 绝对定位的用法你是否熟悉,这里和大家分享一下CSS 绝对定位的属性absolute,希望对你的学习有所帮助。CSS absolute属性设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。转载 2012-06-13 18:30:08 · 817 阅读 · 1 评论 -
剖析CSS relative相对定位用法
本文向大家介绍一下CSS relative相对定位的概念,如果对一个元素进行相对定位,它将出现在它所在的位置上。CSS relative相对定位设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素转载 2012-06-13 18:28:37 · 527 阅读 · 0 评论 -
css3扑克牌旋转源码
css3示例参考:http://www.webkit.org/blog-files/3d-transforms/poster-circle.html*{padding:0px;margin:0px;}ul,li{list-style:none;}.bg{-moz-box-align: center;-moz-box-pack: center;原创 2012-06-12 19:17:58 · 1764 阅读 · 0 评论 -
CSS3 3D – 建立一个3D场景perspective perspective-origin
CSS3 3D – 建立一个3D场景 从昨天晚上开始看CSS3D,有个想法之前想用webGL来实现,后来发现CSS3也如此强大,而且不卡,就转投CSS了。。。现在有抱着电脑从侧面看的冲动了。。。吧一些自己的理解记下来,写的不对的还请大家指正,谢谢。坐标系没有坐标系就没有一切,牢记下面的图吧!来源:http://goo.g转载 2012-06-09 17:39:37 · 2942 阅读 · 0 评论 -
Animations功能
CSS3动画之二:Animations功能 Animations功能与Transitions功能相同,都是通过改变元素的属性值来实现动画效果,不同之处是:Transitions功能只能通过改变指定属性的开始值与结束值,然后再这两个属性值之间进行平滑的过渡来实现动画效果。所以Transitions功能不能实现比较复杂的动画效果;Animations功能可以定义多个关键帧以及定义转载 2013-01-27 11:38:30 · 285 阅读 · 0 评论