03 2020 档案

CSS3选择器
摘要：css选择器优先级，实际上是css声明优先级 css3选择器规范地址 https://www.w3.org/TR/2011/REC-css3-selectors-20110929 css3最新选择器规范地址 https://www.w3.org/TR/selectors 1.基本选择器 1.通配符 阅读全文
posted @ 2020-03-12 02:05 花儿咋这红 阅读(156) 评论(0) 推荐(0)
使用CSS变形加js扇形导航
摘要：1.效果图 2.实现步骤，将所有图片通过定位重叠在一起，然后给需要弹出的图片加上过度动画。 3.上代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 *{ 8 ma 阅读全文
posted @ 2020-03-12 02:03 花儿咋这红 阅读(413) 评论(0) 推荐(0)
使用CSS+JS实现光斑文字效果
摘要：1.实现原理 通过背景渐变 画出光斑范围 后通过 -webkit-background-clip: text 进行文字填充 直接上代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 < 阅读全文
posted @ 2020-03-11 16:13 花儿咋这红 阅读(553) 评论(2) 推荐(1)
使用CSS+JS实现鼠标移入移出走马灯效果
摘要：1.知识点 CSS线性background: repeating-linear-gradient 用于创建重复的线性渐变 "图像" CSS 语法 background: repeating-linear-gradient(angle | to side-or-corner, color-stop1, 阅读全文
posted @ 2020-03-11 15:01 花儿咋这红 阅读(694) 评论(0) 推荐(0)