CSS3
jiegeng2233
这个作者很懒,什么都没留下…
展开
-
css3 3D transform
transition 属性是一个简写属性,用于设置四个过渡属性:transition-propertytransition-durationtransition-timing-functiontransition-delay值描述transition-property规定设置过渡效果的 CSS 属性的名称。原创 2016-11-03 17:57:26 · 483 阅读 · 0 评论 -
CSS3 3D transforms系列-3D旋转木马
1,html结构:id="container"> id="carousel"> 1 2 3 4 5 6 7 8 9 10 2,css基本样式我们给#carousel中的每一个面设置一个20像素的间隙原创 2016-11-04 16:48:46 · 536 阅读 · 0 评论 -
高性能 CSS3 动画
高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。关于流畅度,主要体现在前端动画中,在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种转载 2016-11-04 17:24:24 · 203 阅读 · 0 评论 -
SVG路径描边动画效果
一、效果先行,兴趣挑起简而言之,就是让SVG的描边像是有人绘制一样的动画效果。三、必知的基础知识SVG中有个比较重要的属性分支,stroke :“描边”。1,stroke 描边颜色 none没有颜色 就是我们常规的颜色值。RGBA, HSBA都支持。red,green,#000原创 2016-11-16 14:28:23 · 1816 阅读 · 0 评论 -
css外部字体样式引用
方法如下:@font-face { font-family: SketchRockwell; /*这里是说明调用来的字体名字*/ src: url(‘SketchRockwell.ttf’); /*这里是字体文件路径*/ } .my_CSS3_class { font-family: SketchRockwell; /*这里设置某参数的字体值,在这里是“my_CSS3_c原创 2016-12-13 16:07:38 · 9683 阅读 · 0 评论 -
css3 box-sizing属性
box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。content-box,border和padding不计算入width之内padding-box,padding计算入width内border-box,border和padding计算入width之内,其实就是怪异模式了~原创 2016-12-13 16:08:20 · 220 阅读 · 0 评论 -
浏览器内核与前缀
各浏览器渲染引擎: Chrome和safari —> webkit引擎; Firefox —> gecko引擎; IE —> trident引擎; Opera —> presto引擎,后改为webkit引擎;以webkit为引擎的移动浏览器最为流行。浏览器引擎前缀有哪些? -moz- firefox等使用Mozilla引擎的浏览器; -webkit- chr转载 2017-01-13 14:55:15 · 316 阅读 · 0 评论 -
CSS3 选择器
选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 元素转载 2017-11-30 11:40:52 · 155 阅读 · 0 评论