-
- weixin_慕莱坞3415700 2019-10-19
.effect:after,.effect:before{}
同时在.effect的前面和后面插入一个同样的盒子
-
截图0赞 · 0采集
-
- weixin_慕莱坞3415700 2019-10-19
z-index:-1
新插入的content就会跑到下面
-
截图0赞 · 0采集
-
- weixin_慕莱坞3415700 2019-10-19
border-radius:100px 10px
左上角和右下角100，左下角和右上角10
-
截图0赞 · 0采集
-
- weixin_慕莱坞3415700 2019-10-19
border-radius:100px/10px
水平方向的弯曲半径是100px，垂直方向是10px
-
截图0赞 · 0采集
-
- weixin_慕莱坞3415700 2019-10-19
通过方向值top right bottom left来确定盒子的大小size
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-03
2个曲线阴影 => 阴影实心一点
border-radius: 100px/10px;
- 0赞 · 0采集
-
- 前端薇薇 2018-02-05
- 曲边阴影的实现:在html中写直角阴影的dom结构，然后在css中先写出直角的阴影，给它设置相对定位，然后利用：after,:before，设置曲边图形的位置相同，给他们都设置成绝对定位（可直接设置宽高或设置4个方向值），做成曲边图形阴影重叠的效果，会使曲边阴影颜色加深，border-radius:num1/num2;可实现非圆形的圆角；
- 0赞 · 0采集
-
- 慕运维603224 2017-08-02
- 曲线阴影效果=1个直角阴影+2个重叠的曲线阴影（2个重叠的曲线阴影要放在直角阴影的下面）; 正投影与圆角阴影重叠需要设置定位，相对定位元素为父元素effect 要让曲线投影这个盒子有一个尺寸，要么直接设置宽和高，要么对四个方向的值进行设置（浏览器会自动计算该盒子应有的大小，一定要是四个方向的值） 曲线阴影实质是圆角的阴影，所有曲线阴影盒子要设置border-radius;100px/10px;分别代表水平方向半径和垂直方向半径 让曲线阴影盒子位于下方的办法是设置z-index(=-1)小于直角阴影盒子 曲线投影不实的问题：与透明度关系不大，所以调节透明度影响不大。好的办法是让两个投影重叠在一起，即在直角阴影盒子内容的前面:before和后面:after都插入曲线投影盒子（都有绝对定位和且位置都是一样） 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.设置盒子的宽高有两种方法第一种是直接设置width和height;第二种是设置position:absolute; top:值;left:值;right:值;bottom:值;设置4个值，间接地设置了width和height，4个值缺一不可 3.曲线阴影效果=1个直角阴影+2个重叠的曲线阴影（2个重叠的曲线阴影要放在直角阴影的下面）; 4.全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3)就是不设置水平和垂直方向上的阴影距离; 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.实心效果 ： 多重虚线叠加 3.添加元素大小的两种方式 width & height || top & bottom & left & right 4.无方向阴影 || 全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3); position:absolute; top:50%;left:10px;right:10px;bottom:0;设置4个值，间接地设置了width和height，缺一不可 z-index:-1;
- 0赞 · 0采集
-
- 慕运维603224 2017-08-02
- 曲线阴影实现代码
-
截图0赞 · 0采集
-
- 慕运维603224 2017-08-02
- border-radius:100px/10px; 左边的 100px 是每个圆角的水平半径，右边的 10px 是每个圆角的垂直半径。
- 0赞 · 1采集
-
- joyce_糖果 2017-07-19
- 直角陰影與曲線陰影的重疊 :befor :after 兩個曲線陰影定位在直角陰影下面 z-index:-2
- 0赞 · 0采集
-
- xinwq_110 2016-12-19
- border-radius:100px/10px; 左边的 100px 是每个圆角的水平半径，右边的 10px 是每个圆角的垂直半径。
- 1赞 · 3采集
-
- 慕数据0204790 2016-11-25
- 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.设置盒子的宽高有两种方法第一种是直接设置width和height;第二种是设置position:absolute; top:值;left:值;right:值;bottom:值;设置4个值，间接地设置了width和height，4个值缺一不可 3.曲线阴影效果=1个直角阴影+2个重叠的曲线阴影（2个重叠的曲线阴影要放在直角阴影的下面）; 4.全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3)就是不设置水平和垂直方向上的阴影距离; 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.实心效果 ： 多重虚线叠加 3.添加元素大小的两种方式 width & height || top & bottom & left & right 4.无方向阴影 || 全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3); position:absolute; top:50%;left:10px;right:10px;bottom:0;设置4个值，间接地设置了width和height，缺一不可 z-index:-1;
- 1赞 · 4采集
-
- 慕数据0204790 2016-11-12
- 曲线阴影效果=1个直角阴影+2个重叠的曲线阴影（2个重叠的曲线阴影要放在直角阴影的下面）; 正投影与圆角阴影重叠需要设置定位，相对定位元素为父元素effect 要让曲线投影这个盒子有一个尺寸，要么直接设置宽和高，要么对四个方向的值进行设置（浏览器会自动计算该盒子应有的大小，一定要是四个方向的值） 曲线阴影实质是圆角的阴影，所有曲线阴影盒子要设置border-radius;100px/10px;分别代表水平方向半径和垂直方向半径 让曲线阴影盒子位于下方的办法是设置z-index(=-1)小于直角阴影盒子 曲线投影不实的问题：与透明度关系不大，所以调节透明度影响不大。好的办法是让两个投影重叠在一起，即在直角阴影盒子内容的前面:before和后面:after都插入曲线投影盒子（都有绝对定位和且位置都是一样）
- 2赞 · 2采集
-
- P妞酱酱 2016-08-30
- 日方非法
-
截图0赞 · 0采集
-
- P妞酱酱 2016-08-30
- 顶顶顶顶顶顶顶顶
-
截图0赞 · 0采集
-
- P妞酱酱 2016-08-30
- 踩踩踩踩踩踩踩踩
-
截图0赞 · 0采集
-
- P妞酱酱 2016-08-30
- 顶顶顶顶顶顶顶顶
-
截图0赞 · 0采集
-
- PCH 2016-07-31
- 1、盒子定宽高方法，设置：top bottom left right； 2、设置盒子弧度方法：border-radius:100px/10px；
- 0赞 · 0采集
-
- 我要成为前端大姐大 2016-07-24
- 重叠阴影，加深效果
-
截图0赞 · 0采集
-
- hxx__326 2016-07-11
- 曲线阴影：<br> 位置的定位：主阴影 position:relative;<br> 其他阴影：position：absolute; 其他阴影的设置：content:''; width:; height:; 另外一种位置的设置方法： top:50%; bottom;; left:; right:; border-radius:100px/10px; 水平100px 垂直10px
- 0赞 · 1采集
-
- 七寒谷 2016-05-24
- 曲线阴影效果=1个直角阴影+2个重叠的曲线阴影（2个重叠的曲线阴影要放在直角阴影的下面）; 正投影与圆角阴影重叠需要设置定位，相对定位元素为父元素effect 要让曲线投影这个盒子有一个尺寸，要么直接设置宽和高，要么对四个方向的值进行设置（浏览器会自动计算该盒子应有的大小，一定要是四个方向的值） 曲线阴影实质是圆角的阴影，所有曲线阴影盒子要设置border-radius;100px/10px;分别代表水平方向半径和垂直方向半径 让曲线阴影盒子位于下方的办法是设置z-index(=-1)小于直角阴影盒子 曲线投影不实的问题：与透明度关系不大，所以调节透明度影响不大。好的办法是让两个投影重叠在一起，即在直角阴影盒子内容的前面:before和后面:after都插入曲线投影盒子（都有绝对定位和且位置都是一样）
- 3赞 · 2采集
-
- 青花时光 2016-05-17
- border-radius:100px/10px; 100px水平方向半径，10px垂直方向半径
-
截图0赞 · 0采集
-
- 绯红卷千红 2016-04-22
- 水平方向和垂直方向分别border radius
-
截图0赞 · 0采集
-
- harukochan 2016-03-09
- 重叠阴影，加深效果
-
截图1赞 · 1采集
-
- harukochan 2016-03-09
- 4个偏移量缺一不可，因为没有给盒子设定width
- 0赞 · 0采集
-
- 华时朝明 2016-01-30
- 曲线阴影的写法 通过:after和:before来写，把两个阴影重叠在一起并且放在主体的下面
- 0赞 · 0采集
-
- 华时朝明 2016-01-30
- border-radius:20px; border-radius:20px 15px; border-radius:20px 15px 10px; border-radius:20px 15px 18px 10px; border-radius:20px/15px;
- 0赞 · 0采集
-
- 梦想的天空 2015-11-25
- 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.设置盒子的宽高有两种方法第一种是直接设置width和height;第二种是设置position:absolute; top:值;left:值;right:值;bottom:值;设置4个值，间接地设置了width和height，4个值缺一不可 3.曲线阴影效果=1个直角阴影+2个重叠的曲线阴影（2个重叠的曲线阴影要放在直角阴影的下面）; 4.全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3)就是不设置水平和垂直方向上的阴影距离; 1.border-radius: 100px /10px; 水平方向半径 / 垂直方向半径 2.实心效果 ： 多重虚线叠加 3.添加元素大小的两种方式 width & height || top & bottom & left & right 4.无方向阴影 || 全方向阴影 box-shadow: 0 0 10px rgba(0,0,0,.3); position:absolute; top:50%;left:10px;right:10px;bottom:0;设置4个值，间接地设置了width和height，缺一不可 z-index:-1;
- 1赞 · 7采集
-
- 阿__铭 2015-11-14
- z-index:-1;放在底部
-
截图0赞 · 1采集
数据加载中...