CSS3
文章平均质量分 54
普通网友
这个作者很懒,什么都没留下…
展开
-
CSS3的一些新选择器简介
属性选择器一、 5个input标签type: text 文本框 password密码框 radio 单选按钮 cheakbox复选框 submit 提交 二、 选择器的使用:1.attr=val 相等就选择到了2.attr~=val 表示的是一个单独的属性值,这个属性值是以空格分割的3.attr|=val 表示的是一个单独的属性值,这个属性值是以-分割的4...原创 2018-05-06 19:39:16 · 338 阅读 · 0 评论 -
CSS3边框 阴影 盒模型和图片裁剪简介
一、边框阴影: box-shadow 里面有4个参数 第一个是水平偏移量 右边为正左边为负,第二个是竖直偏移量,上面为负下面为正 所以两个正就为右下角的两条边! 第三个参数就是模糊度 当你把模糊度设置了的时候,那么他就会有一定像素的模糊度。第四个参数是偏移量 偏移量为负数的时候那么他就会向图形里面偏移 当为正数的时候就向图形外面偏移,边框阴影不会影响到盒子的布局!内阴影在...原创 2018-05-06 19:42:26 · 1105 阅读 · 0 评论 -
CSS3的一些布局和动画
伸缩布局:1.指定一个盒子为伸缩盒子 display:flex2.设置属性来调整此盒子的子元素的布局方式 例如 flex-direction: 3.明确方向4.可以互换主侧轴,也可以调换方向flex-direction 这个是 伸缩的方向 有好几个参数1.row 2.column 3.row-reverse 4.colum-reverse水平, 竖直,水平相反,竖直相反justify...原创 2018-05-06 19:44:31 · 515 阅读 · 0 评论 -
CSS3自己做的demo的一些重要的代码
转换:transform: 后面接要改变的参数1. rotate(360deg) 旋转的角度 也允许角度为负数2.scale(0.5)缩放的比例3.skew(45deg)倾斜的角度4.translate(300px)移动的距离可以将这几个参数一起使用 就是transform: 后面接参数 不加逗号3D旋转:3D旋转就是将rotate后面再加上一个大写的XYZ 然后就会让这个物体沿着一个轴旋...原创 2018-05-06 19:45:39 · 416 阅读 · 0 评论