japanesefree日本学生,人妻无码Av中文系列在线点播,牛和人交vide欧美xx00,幻女free性俄罗斯毛片,国产成人夜色高潮福利影视,chinese农村老妓女

不忘初心 方得始终 初心易得 始终难守

CSS3文字阴影text-shadow使用详解

经验小结 柒剑 浏览 0 评论

处理江湖名单变色效果(阴影效果)使用到的方法,记录保存。

CSS3中可以利用text-shadow属性来生成文本阴影效果。它的使用方法很简单,主要通过4个参数来控制阴影的生成。语法如下:


text-shadow: h-shadow v-shadow blur color;

参数的介绍如下:
h-shadow:水平阴影的位置。允许负值
v-shadow:垂直阴影的位置。允许负值
blur:模糊半径
color:阴影的颜色

这个参数使用可以一组使用,也可以多组使用。一组使用时最常见的效果,他可以生成普通的阴影效果,如下面的代码:
text-shadow:5px 5px 5px #333;
效果:

通过修改参数,或者对参数进行多组使用,就可以实现多种特殊的效果,如下面的几种情况:

1.霓虹灯效果:

代码:text-shadow: 0 0 20px #FF0;

效果:

2.辉光效果,可以通过比较大的模糊半径来增加辉光效果,也可以通过多组数据来达到多种不同的阴影:

代码:text-shadow: 0 0 6px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #f0e;

效果:

3.投影效果:

代码:text-shadow:0 1px 1px #fff;

效果:

4.浮雕效果:

代码:text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;

效果:

5.模糊文字效果,这个要注意,文本的颜色值应为transparent:

代码:color:transparent;  text-shadow:0 0 4px #000;

效果:

6.内阴影效果

代码:color:#000;background-color:#ccc;text-shadow:1px 1px 0 #ddd;

技巧:文本颜色最深,阴影颜色次之,背景色最浅。

效果:

7.描边效果:
代码:text-shadow: 1px 1px 0 #f00,-1px -1px 0 #f00;

效果:

8.3D文本(长阴影)特效:

代码:text-shadow: 1px 1px 2px rgba(97, 98, 96,0.8),2px 2px 2px rgba(97, 98, 96,0.8),3px 3px 2px rgba(97, 98, 96,0.8),4px 4px 2px rgba(97, 98, 96,0.8),5px 5px 2px rgba(97, 98, 96,0.8),6px 6px 2px rgba(97, 98, 96,0.8);

效果:

9.复古卡通风格(Vintage retro风格):

代码:color:#eee;background-color:#666;text-shadow: 2px 2px 0 #666, 3px 3px 0 #eee;

技巧:第一个阴影色和背景色相同;文本前景色和第二个阴影色相同。

效果:

以上介绍了text-shadow的9中用法,若能举一三反,可作出更好更有趣的效果来。



转载请注明:江湖传说 » CSS3文字阴影text-shadow使用详解

与本文相关的文章

发表我的评论 换个身份
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  • 验证码 (必填)

网友最新评论 (0)

日本一级片,自拍偷自拍亚洲精品牛影院,免费观看久久野狼Av,狼友AV网站,2021最新在线网站黄 韩国婬乱一级毛片视频无码,中文字字幕在线中文无码,jk女仆白丝调教视频在线观看,亚洲欧美成人a∨在线观看,最新黄网站2021 美女狂喷爱液在线视频,天天爽夜夜爽人人爽,黄 色 成 人网站免费 片子,Av免费不卡国产观看,欧美va亚洲va在线观看日本 亚洲av日韩av无码,亚洲久久超碰无码色中文字幕,中文无码AV大香,色妞在线综合亚洲欧美,无码中文字幕AⅤ精品影院 天天做天天爱天天综合网,网友自拍区视频精品,学生JK制服高潮喷水,成人福利黄网站在线观看,亚洲国产区男人本色vr 肉丝袜AV网站在线观看,学生双腿白浆高潮视频,看Av免费毛片手机播放,羞羞午夜男女爽爽视频,无码超清日韩在线视频 人妻制服出轨中字av人,清纯制服学生被啪啪AV,免费午夜男女高清视频网址,高跟鞋开裆丝袜做在线观看,yellow在线观看无码视频 色屋无码永久视频网站,漂亮女同学宾馆高潮抽搐自拍,AV-极品视觉盛宴正在播放,2020在线观看污污黄,亚洲中国最大av网站 色资源站969szy,国产大学生护士在线观看,国产成人亚洲综合91精品,日本高清av免费,99爱在线精品免费观看 va欧美va亚洲日韩日本va,国产美护士精品无套在线播放,岛国av永久免费网址,人妻少妇精品无码专区,人人澡人摸人人添学生AV 国产系列丝袜熟女精品网站,国产无套在线观看视频,久久久亚洲欧洲日产国码av,青青青青久久精品国产vr,日日拍夜夜嗷嗷叫|日日摸 手机能观看的无码av,翘臀后进啪视频在线观看,国模无码一区二区三区,无码4k国岛专区视频,日日摸夜夜添夜夜添影院,亚洲AV日韩AV欧Av国内 2021亚洲国产精品无码,极品少妇被猛得直流白浆,偷拍区制服美腿清纯唯美,久久99精品久久久久久,日日摸日日碰夜夜爽免费 国产精品白丝AV在线观看,美女视频黄的全i免费,清纯唯美激情A∨,国内精品伊人久久久久影院,任你碰任你摸免费视频 日日拍夜夜嗷嗷叫|日日摸,国产AV国片精品JK制服,国产在线不卡精品网站,人妻有码中文字幕在线,嘿咻嘿咻免费无码专区在线看,偷欧洲亚洲另类图片AV天堂 丝袜美女作爱视频网站,美女黄网站色视频免费国产,手机在线观看AV无码片,av无码亚洲不卡播放网站,在线不卡高清播放AV网站,制服丝袜AV无码专区 国产麻豆福利AV在线观看,美国特级a毛片免费网站,免费国产成人高清在线视频,无码中文字幕AV精品影院,日日天日日夜日日摸 大学生囗交口爆吞精在线视频,国产按头口爆吞精在线视频,特级毛片A级毛片免费播放,国产高清在线看AV片,可以免费观看的AV毛片下载,天天摸夜夜曰aa视频 国产美女露脸口爆吞精,亚洲国产午夜精华无码福利,久久av资源站每日更新,在线无码秒播,天干夜天干天天爽自慰