CSS3中过渡和动画的区别和各自适用场景？ 区别： 1）语法： 过渡——transition: 属性名 完成时间 速度曲线 延迟时间; 动画——animation: 自定义名称 完成时间 速度曲线 播放次数 奇偶顺序 延迟时间; @keyframes 自定名称{} 需要先定义关键帧，再通过anima ...
分类：
其他好文 时间：
2020-06-19 21:14:04
阅读次数：
67
flex父项设置flex-direction: // 默认主轴的方向，水平向右；侧轴垂直向下 row【默认值】 / row-reverse / column / column-reversejustify-content:space-around //设置主轴上子元素排列方式 flex-start【... ...
分类：
移动开发 时间：
2020-06-17 20:15:40
阅读次数：
58
[A] flex弹性布局 flex弹性盒模型 2009年。W3C提出一种新的方案 flex布局，可以简便，完整，响应式的实现各种布局。 目前他已经得到了所有的浏览器的支持，这意味着，这项功能可以被安全使用 作用在flex容器上的属性 作用在flex子元素上的属性 flex-direction ord ...
分类：
Web程序 时间：
2020-06-17 20:02:31
阅读次数：
57
精通 CSS3 动画（学完这个课写炫酷页面） 视频选集 1/10 P1浏览器私有前缀 P2圆角边框 P3阴影 P4线性渐变 P5学习猿地价格选项卡 P6径向渐变_1 P7transform2D P8transform3D P9过渡属性 P10动画属性 水平位置 / 垂直位置 ...
分类：
Web程序 时间：
2020-06-17 18:32:10
阅读次数：
80
CSS 1.position：sticky 粘性定位，必须要设置top,bottom,left,right其中一个，最近在做吸顶效果用到了。 2.flex布局中的justify-content：space-evenly，这个是各元素之间以及两边元素的空白相等，（space-around是两边元素空白 ...
分类：
Web程序 时间：
2020-06-17 18:09:41
阅读次数：
65
因为需求是让一个半球体状的图片变成可以旋转的摄像头，想了很久也试了很多方法当然和博主菜有关 下面就发现一种方法： css3的视角改变-perspective(number|none):none的时候就是没有透视 可能你会问到透视是什么了，透视就是emmm,你能否透过现象看本质，也就是你的视角是从哪里 ...
分类：
Web程序 时间：
2020-06-17 12:26:56
阅读次数：
49
这篇文章主要整理一些css3实现的一些文字特效，分享给大家， 相信您看完会有不少的收货哦！ 一、css3 空心文字 <style> .hollow{ -webkit-text-stroke: 1px black; -webkit-text-fill-color : transparent; font ...
分类：
Web程序 时间：
2020-06-17 01:02:12
阅读次数：
108
target作为目标伪类选择器，是css3中的新特性之一，目前已经支持所有主流浏览器，除了 IE8 及更早的版本。target伪类的主要是用于匹配文档中uri中某个标志符的目标元素，具体来说，uri中的标志通常会包含一个#，后面带有一个标志符名称，如#box_one,:target就是匹配ID为"b ...
分类：
Web程序 时间：
2020-06-16 20:41:24
阅读次数：
87
一、兼容性 1、各浏览器最新版本都已支持，除了IE 10 / UC , IE 11 已经支持。 //Internet Explorer 10： 使用 -ms- 前缀； //UC浏览器： 使用 -webkit- 前缀。 2、兼容更老版本的写法 display: -webkit-box; display ...
分类：
其他好文 时间：
2020-06-16 01:01:57
阅读次数：
69
Text-fill-color: 文字内部填充颜色 Text-stroke-color: 文字边界填充颜色 Text-stroke-width: 文字边界宽度 div { -webkit-text-fill-color: black; -webkit-text-stroke-color: red; ...
分类：
Web程序 时间：
2020-06-15 23:03:42
阅读次数：
692
