css3 - 随笔分类(第2页) - justSmile2

:nth-child() 选择器

摘要：1. 选择器 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. 2. 用法举例 “~”（波浪号）、 “，”（逗号）、 “ + ”（加号）和 “ > ”（大于号） p~ 阅读全文

posted @ 2018-10-09 12:04 justSmile2 阅读(454) 评论(0) 推荐(0)

好玩的毛玻璃特效

摘要：之前收藏的一个网页出现了404，这个404页面很有特色，有个毛玻璃特效看起来好晕，贴出来大家一起晕： #header{animation: focus 10s ease-in-out infinite; -webkit-filter: blur(0rem);}@keyframes focus {0% 阅读全文

posted @ 2018-09-10 19:23 justSmile2 阅读(193) 评论(0) 推荐(0)

animation

摘要：1.写法 - 默认值 - 单独写法 - 意义animation: name duration timing-function delay iteration-count direction; animation: none 0 ease 0 1 normal; animation: animatio 阅读全文

posted @ 2018-08-27 19:16 justSmile2 阅读(201) 评论(0) 推荐(0)

css3转盘

摘要：此效果涉及到： 1. css 画图形 2. css3 动态效果 3. 贝塞尔曲线用法 <style> .lds-hourglass { display: inline-block; position: relative; width: 72px; height: 72px } .lds-hour 阅读全文

posted @ 2018-08-24 19:03 justSmile2 阅读(356) 评论(0) 推荐(0)

placeholder的使用

摘要：1.定义 placeholder 属性提供可描述输入字段预期值的提示信息该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。阅读全文

posted @ 2018-08-22 19:06 justSmile2 阅读(1419) 评论(0) 推荐(0)

box-shadow

摘要：box-shadow 属性向框添加一个或多个阴影。 box-shadow: h-shadow v-shadow blur spread color inset;eg:画放大镜 box-shadow:0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px 阅读全文

posted @ 2018-08-13 18:35 justSmile2 阅读(126) 评论(0) 推荐(0)

透明度渐变

该文被密码保护。

posted @ 2018-08-13 18:29 justSmile2 阅读(25) 评论(0) 推荐(0)

justSmile2

惜时如金

随笔分类 - css3