随笔分类 -  css3

摘要:文字阴影、文本溢出、盒子模型的缩放、盒子阴影 文字阴影 格式:text-shadow:value none,默认文本没有阴影。 color lrshadow tbshadow blur color,阴影的颜色,可选的。不写默认是文本颜色。 lrshadow,左右阴影(水平),正数阴影在文本右侧,负数 阅读全文
posted @ 2023-03-21 19:32 chichi0002 阅读(34) 评论(0) 推荐(0)
摘要:定位、opacity透明度属性、visibility和display隐藏元素 1.定位 position(确定的是移动的基准) static,默认值。静态的。(不让动) relative,相对。相对于自身的位置来移动 absolute,绝对定位position的值不是static的最近的祖辈元素。如 阅读全文
posted @ 2023-03-20 19:49 chichi0002 阅读(183) 评论(0) 推荐(0)
摘要:CSS -3D转换-位移:translate、旋转: rotate3d、透视: perspective、呈现transfrom-style 3D转换我们主要学习工作中最常用的3D位移和3D旋转 3D位移:translate3d(x,y,z) 3D旋转: rotate3d(x,y,z) 透视: per 阅读全文
posted @ 2022-10-20 00:15 chichi0002 阅读(573) 评论(0) 推荐(0)
摘要:CSS3-动画 动画( animation)是 CSS3 中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果。 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 动画制作分两步: 先定义动画 再调用动画 1、用 keyframes 定义动画( 阅读全文
posted @ 2022-10-12 21:28 chichi0002 阅读(39) 评论(0) 推荐(0)
摘要:CSS3 -2D转换之translate 转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果,可以简单理解为变形 移动:translate 旋转:rotate 缩放:scale 1、位移-translate 2D移动时2D转换里面的一种功能,可以改变元素 阅读全文
posted @ 2022-10-11 21:52 chichi0002 阅读(909) 评论(0) 推荐(0)
摘要:CSS3—盒子模型、图片变模糊、calc函数、过渡 2.CSS3 盒子模型 CSS3中可以通过box-sizing来指定盒模型,有2个值:即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。 可以分成两种情况︰ box-sizing:content-box 阅读全文
posted @ 2022-10-11 21:10 chichi0002 阅读(133) 评论(0) 推荐(0)
摘要:CSS3 的新特性 新增的CSS3特性有兼容性问题,ie9+才支持 移动端支持优于PC端 1.CSS3 新增选择器 (1)属性选择器 属性选择器可以根据元素特定属性来选择元素。这样就可以不要借助于类或者 id 选择器。 ==注意:==类选择器、属性选择器、为类选择器,权重为10 (2)结构伪类选择器 阅读全文
posted @ 2022-10-03 20:33 chichi0002 阅读(227) 评论(0) 推荐(0)