做:
二、先是建立两个文本不做处理运行如图
三、给第一个div字体加上阴影
text-shadow: 5px 5px 10px red;
text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...前两个值可以是负数,第三个不能使负数,可以是0(无效果)
四、给第一个div加上倒影
-webkit-box-reflect:below 10px ;
方向 (above上 below下 左右left right) 间距。
注意:倒影不占文档流的空间,层级高于文档流倒影是针对标签(宽高)进行的
五、加上渐变
background-image: -webkit-linear-gradient(left, red 0%, yellow 50% );
第一个百分数是从0%到这个百分数全是这种颜色,最后一个百分比是从这个百分数到100%全是这种颜色,中间如果不同百分数就是渐变,一样就是分界线。
六、所有代码:
以上这篇5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
TOP云 (west.cn)2月22日消息,随着新顶级 域名 普及和发展,越来越多国际大企...
大家先来看看表单提交的几种方式 : 1、!--通用提交按钮-- input type=submit va...
TOP云 (west.cn)2月21日,据Domaininvesting报道称,近日组合 域名 ElevenJame...
有时侯页面很长,需要指示箭头告诉用户下面还有东西。可以用纯CSS的方法实现。 H...
今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥...
Canvas 真的是一个神奇的东西,不仅能够绘制各种图形、文本和位图,还能够对位图...
基于 vue 此功能核心思想就是通过 JavaScript 代码控制 node 在页面上的左边距与...
Hello, 各位勇敢的小伙伴, 大家好, 我是你们的嘴强王者小五, 身体健康, 脑子没病...
在服务端程序更新或重启时,如果我们直接 kill -9 杀掉旧进程并启动新进程,会有...
域名 都要实名认证吗?其实也不是的,主要看域名后缀。基本上在国内没有获得资质...