![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
weixin_42393039
这个作者很懒,什么都没留下…
展开
-
动画及盒模型
文章目录动画transform 实现元素得形状/角度/位置等得变化。tranform-origintranslation 过渡动画animation 动画column 多列布局盒模型弹性盒子 display:flex; 动画 transform 实现元素得形状/角度/位置等得变化。 值有: 1.rotate rotate(角度deg) 延中心点Z轴旋转 rotateX() 延中线X轴旋转 ro...原创 2019-03-29 20:39:37 · 102 阅读 · 0 评论 -
纯css,js时钟
一个简短的小demo,纯css,js生成的一个时钟,算是另一种思路吧,运用js脚本化css3 的keyframes,不用js设置一个定时器,每秒执行一下函数。 样式没什么特点,主要就是一个js操作css3动画,动态生成 keyframes 的一个应用 <!DOCTYPE html> <html lang="cn"> <head> <meta ch...原创 2019-03-31 13:21:56 · 135 阅读 · 0 评论 -
css3选择器
css3一些东西随手整理选择器 选择器 1.属性选择器 <div class="first_circle" title="name"></div> div[title^="name"] {} // 有title属性,且属性值以name开头 div[title$="name"] {} // 有title属性,且属性值以name结尾 div[tit...原创 2019-03-28 21:41:24 · 64 阅读 · 0 评论 -
css3
box-shadow 1.属性: box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];(外投影不写,内投影inset); 2. 同一盒子,可以同时加多个阴影,阴影之间用“,”隔开 ...原创 2019-05-24 09:38:15 · 54 阅读 · 0 评论