css3实现网页平滑过渡效果_技术笔记

qq_坚持v_0 2021-02-19

这里面知识点真的齐全阿

截图
0赞 · 0采集
葫芦胡 2018-02-03

三角形的做法虽然设置了border为20px 但现实出来是40px 所以后面移动用margin-left;-20px;才是一半 (可以用margin-left 也可以用translate(x) 只要能移动都行灵活

截图
0赞 · 0采集
一树青枫 2017-09-15

/*后代选择器（ＥＦ），不论Ｆ在Ｅ中有多少层关系*/ /*子元素选择器(E>F) E>F所表示的是选择了Ｅ元素下的所有子元素Ｆ*/ /*相邻兄弟元素选择器(E + F)，EF两元素具有一个相同的父元素，而且Ｆ元素在Ｅ元素后面*/ /*通用兄弟选择器（Ｅ〜Ｆ），相邻兄弟选择器仅选择是元素的仅与其相邻的后面元素（选中的仅一个元素）；而通用兄弟元素选择器，选中的是元素相邻的后面兄弟元素，*/ /*群组选择器（selector1,selector2,...,selectorN），将具有相同样式的元素分组在一起，每个选择器之间使用逗号“，”隔开，*/

0赞 · 0采集
DaisyZhu朱 2017-08-24

:cheched:hover +a 表示被选中的鼠标划过时状态

截图
0赞 · 0采集
DaisyZhu朱 2017-08-24

css3三角形实现

截图
0赞 · 0采集
qianduancainiao 2017-03-10

css3画三角形

截图
0赞 · 0采集
h5m1007 2016-11-25

CSS3绘制三角 div:after{ content: ''; width: 0; height: 0; overflow: hidden; border: 20px solid transparen; /* 设置三角大小实际宽为40px */ border-bottom-color: #000; /* 设置向上三角 */ }

0赞 · 0采集
蓝冰牛 2016-11-15

:cheched:hover +a 表示被选中，而且鼠标划过的地方

0赞 · 0采集
蓝冰牛 2016-11-15

position:absolute bottom:100% 那么他的底部就在父元素的顶部

1赞 · 0采集
P妞酱酱 2016-09-26

c'c'c'c'c'c'c

截图
0赞 · 0采集
P妞酱酱 2016-09-26

踩踩踩踩踩踩踩踩踩

截图
0赞 · 0采集
P妞酱酱 2016-09-26

踩踩踩踩踩

截图
0赞 · 0采集
P妞酱酱 2016-09-26

踩踩踩踩踩

截图
0赞 · 0采集
Amy_sh 2016-09-14

制作三角形的方法： span { width: 0; height: 0; overflow: hidden; border: 20px solid transparent; border-bottom-color: red: /* 向上三角形 */ border-top-color: green; /* 向下三角形 */ border-left-color: blue; /* 向右三角形 */ border-right-color: yellow: /* 向左三角形 */ } tip: 元素自身的宽度为2*border-width。

0赞 · 0采集
Excrement 2016-08-16

生成三角形

截图
0赞 · 0采集
慕粉3141585 2016-08-05

用css画三角形 width:0px; height:0px; overflow:hidded//360浏览器不用这个的话会出现两个 border：20px solid transparent;(四周都是三角形，都弄成透明的) border-bottom-color:#821134;//下面三角颜色显示出来 border:20px solid transparent;//border是20，则总宽度是40px; position:absolute; bottom:100%;//离下面整个 left:50%;//三角的最左边离最左边是50% margin-left:-20px;//向左走20px 经常用margin来向不同的方向移动

0赞 · 0采集
weibo_好齐牙套家园_0 2016-07-29

倒三角

截图
0赞 · 0采集
tommy2z 2016-06-19

css3 三角行生成

截图
0赞 · 0采集
Helianthuserin 2016-04-12

让选中元素划过也出现和选中元素一样的颜色，input:checked, input:checked:hover

截图
0赞 · 0采集
Helianthuserin 2016-04-12

画三角形

截图
0赞 · 0采集
巧巧 2016-04-11

制作三角形

截图
0赞 · 0采集
专注的前端工程师 2016-04-10

position:absolute; bottom:100%; left:50%; margin-left:-20px //三角形底边的一半值 a:after添加的内容是位于a元素内部的

1赞 · 0采集
从现在开始勇敢一点 2016-03-05

.st-container input:checked + a,.st-container input:checked:hover + a{ background: #821a34; } 单选框的CHENCKED的用法， Z-INDEX优先级的用法屏幕适应阴影

0赞 · 0采集
ba開氺 2016-03-01

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css画小三角形</title> <style> div{ width:0; height:0; border:10px solid transparent; border-bottom-color:red; } </style> </head> <body> <div></div> </body> </html>

2赞 · 0采集
绯红卷千红 2016-02-01

0宽高+非0的两边border制作三角形

截图
0赞 · 0采集
慕九州0342368 2015-12-25

after 在标签后生成一些东西

0赞 · 0采集
梦想的天空 2015-11-22

position:absolute; bottom:100%; left:50%; margin-left:-20px //三角形底边的一半值 a:after添加的内容是位于a元素内部的

0赞 · 0采集
淡水狗 2015-11-19

三角显示不出来

截图
0赞 · 1采集
慕侠9237499 2015-10-02

+ ~ 符号 CSS的伪类

0赞 · 0采集
慕姐6675690 2015-07-28

http://www.cnblogs.com/daxiong/articles/3158630.html https://irebel.github.io/Projects/CSS3%20Smooth%20transition/css/Smooth.css

0赞 · 0采集

数据加载中...