
CSS3
jiegeng2233
这个作者很懒,什么都没留下…
展开
-
css3 3D transform
transition 属性是一个简写属性,用于设置四个过渡属性: transition-propertytransition-durationtransition-timing-function transition-delay 值 描述 transition-property 规定设置过渡效果的 CSS 属性的名称。原创 2016-11-03 17:57:26 · 518 阅读 · 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 · 579 阅读 · 0 评论 -
高性能 CSS3 动画
高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。 关于流畅度,主要体现在前端动画中,在现有的前端动画体系中,通常有两种模式:JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种转载 2016-11-04 17:24:24 · 241 阅读 · 0 评论 -
SVG路径描边动画效果
一、效果先行,兴趣挑起 简而言之,就是让SVG的描边像是有人绘制一样的动画效果。 三、必知的基础知识 SVG中有个比较重要的属性分支,stroke :“描边”。 1,stroke 描边颜色 none没有颜色 就是我们常规的颜色值。RGBA, HSBA都支持。red,green,#000原创 2016-11-16 14:28:23 · 1951 阅读 · 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 · 9742 阅读 · 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 · 247 阅读 · 0 评论 -
浏览器内核与前缀
各浏览器渲染引擎: Chrome和safari —> webkit引擎; Firefox —> gecko引擎; IE —> trident引擎; Opera —> presto引擎,后改为webkit引擎; 以webkit为引擎的移动浏览器最为流行。 浏览器引擎前缀有哪些? -moz- firefox等使用Mozilla引擎的浏览器; -webkit- chr转载 2017-01-13 14:55:15 · 372 阅读 · 0 评论 -
CSS3 选择器
选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 元素转载 2017-11-30 11:40:52 · 189 阅读 · 0 评论