-
- qq_Rainy小迪_0 2018-06-22
制造三角形两种方法{content: ""; height: 0; width: 0; border: 20px solid transparent; border-bottom-color: #821334;} {position: absolute; height: 200px; width: 200px; background-color: #FA96B5; -webkit-transform: rotate(45deg); overflow: hidden; backface-visibility: hidden;}盒子正方形旋转45度，把上半部分溢出隐藏。
-
截图1赞 · 1采集
-
- qq_Rainy小迪_0 2018-06-22
+号作为选择器是指紧跟其后的元素，~是寻找后面的兄弟级元素。
- 0赞 · 1采集
-
- 一树青枫 2017-09-18
- /*正方形上移50%再旋转45度时，就是一个可存放内容的三角形*/ position: absolute; left: 50%; margin-left: -100px; top: 0; transform: translateY(-50%) rotate(45deg) ;
- 0赞 · 0采集
-
- DaisyZhu朱 2017-08-24
- 正方形旋转45度变形为三角形
-
截图0赞 · 0采集
-
- 慕粉4287973 2016-11-24
- 1.自适应要求大多数元素都要百分比宽高，最后还可以用@media 定义窗口变小到像素若干的时候样式的改变。 2.需要从父元素开始用height100%。才能一直撑开div高度。 3.*{margin=0；padding=0}去除浏览器顶部空白。 4.@animation可以定义动画 5.+号作为选择器是指紧跟其后的元素，~是寻找后面的兄弟级元素。 6.制造三角形两种方法{content: ""; height: 0; width: 0; border: 20px solid transparent; border-bottom-color: #821334;} {position: absolute; height: 200px; width: 200px; background-color: #FA96B5; -webkit-transform: rotate(45deg); overflow: hidden; backface-visibility: hidden;}盒子正方形旋转45度，把上半部分溢出隐藏。里面可以i标签，用图标文字美化。 7.backface-visibility: hidden;隐藏被旋转的 div 元素的背面 8.这种平滑过渡效果是利用transition的过渡将一副长的盒子滑动，展示窗口可见大小内容。 9.利用radio的单选功能，众多导航栏中单选某一导航栏，然后展示。
- 0赞 · 2采集
-
- 蓝冰牛 2016-11-15
- 做三角形，可以把正方形转个角度，然后隐藏一般
- 0赞 · 0采集
-
- P妞酱酱 2016-09-26
- 笑笑笑笑笑笑笑
-
截图0赞 · 0采集
-
- P妞酱酱 2016-09-26
- 踩踩踩踩踩踩踩
-
截图0赞 · 0采集
-
- 慕粉1461661252 2016-04-29
- 三角形图标
-
截图0赞 · 0采集
-
- 慕粉1461661252 2016-04-29
- 三角形的形成
-
截图1赞 · 0采集
-
- Helianthuserin 2016-04-12
- 另一种画三角形方法
-
截图0赞 · 0采集
-
- 淡水狗 2015-11-21
- .st-desc{ width:200px; height:200px; background:#fa96b5; position:absolute; top:0; left:50%; margin-left:-100px; -webkit-transform:translateY(-50%) rotate(45deg); -mz-transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -0-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
-
截图0赞 · 0采集
-
- WebQianDuanGCS 2015-08-12
- 在有三角形需要内容填充时，考虑不要采用border方式来做，而是换一种思路：用一个旋转45degree的矩形div，这样就可以在三角形中添加内容
- 0赞 · 0采集
-
- 蛮牛 2015-07-28
- 在有三角形需要内容填充时，考虑不要采用border方式来做，而是换一种思路：用一个旋转45degree的矩形div，这样就可以在三角形中添加内容
-
截图0赞 · 1采集
-
- iDonald 2015-04-22
- CSS3旋转举行倒三角 width：200px； height：200px； background：red； position：absolute； left：50%； top：0； margin-left：-100px； -WebKit-transform：translateY（-50%） rotate（45deg）；
- 0赞 · 0采集
-
- LUGY 2015-04-20
- CSS大三角
-
截图0赞 · 0采集
-
- Moirai 2015-04-16
- @·实现三角形的三种方法: 1.border, 2.矩形div旋转, 3.”◆“这个字符
- 2赞 · 0采集
-
- DRSK 2015-04-16
- 实现三角形的三种方法:1.border,2.矩形div旋转,3.”◆“这个字符
-
截图0赞 · 0采集
-
- zhf_top 2015-04-15
- 用一个矩形div盒子，通过旋转和位移隐藏部分内容，实现三角形的效果。
-
截图0赞 · 0采集
数据加载中...
开始学习
免费