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)

在线精品91国产在线观看,xxxxxhd日本hd,丰满无码人妻熟妇无码区,亚洲三级片,亚洲第一福利网站在线观看,免费观看黃色a一级视频浪潮 亚洲日韩欧美国产高清αv,波多野结衣教师系列精品,国产高清综合乱色视频,在线看片a免费人成动漫,日本在线网站免费观看福利局,国产成人拍拍拍高潮尖叫 黃色a片三級三級三級,农村女人一级特黄大片,欧美人与动zozo欧美人z0z0,国产福利在线永久视频,中文无码福利视频岛国片,中国男男同志GAYXxXX 免费观看欧美一级牲交片,|9禁无羞遮美女真人免费网站,欧美a级中文完在线看完整版,学生精品国自产拍中文字幕,极品黑色丝袜自慰喷水第一集,精品无码av人妻受辱系列 在线观看免费AV网,晚上睡不着推荐个网站,午夜男人一级a片,在线不卡av片免费观看,国产精品制服丝袜美女主播,女人高潮抽搐潮.i喷视频 男人插女人下身免费视频,婷婷四房综合激情五月,婷婷六月综合缴情在线,晚上睡不着推荐个网站,午夜福利熟女丝袜视频,又色又爽又黄的视频日本 自拍偷自拍亚洲精品牛影院,japanesehdtvxxxx,亚洲av无码不卡无码,在线观看未禁18免费视频,丝袜美腿精尽福利视频,欧美A级中文完在线看完整版 中文字字幕在线中文无码,韩国三级无码高在线观看,国产熟睡乱子伦视频在线观看,freesexvideo性欧美tv,国内熟女视频福利,高潮搐痉挛潮喷AV 在线观看日韩Av无码,日本高清不卡AⅤ免费网站,最新亚洲精品国偷自产在线,欧洲人免费视频网站在线,色诱福利视频网站,日韩免费视频一区二区三区 一本一道av无码中文字幕,国产亚洲AV片在线观看,日韩AV无码电影在线观看,AV无码无在线观看,中文无码福利视频岛国片,日本囗交口爆在线视频 无码av中字无码,日本护士吞精囗交视频,精品无码av人妻受辱种子下载,中文亚洲成a人片在线观看,午夜男人一级a片,亚洲AⅤ深喉囗交 无码中文字幕Av免费放,AV无码无在线观看,好爽受不了了要高潮了视频,美女高潮穿丝袜视频免费,婷婷六月综合缴情在线,国产在线精品亚洲一品区 国产一级a作爱片全过程片,不卡人妻无码AV中文系列,大学生囗交口爆吞精在线视频,在线观看日韩Av无码,亚洲av无码不卡无码,囗交口爆吞精在线视频456 送彩金100的网站大白菜,又爽又黄又无遮挡的视频完整,91青娱国产盛宴精品,a片在线观看全免费,欧美人妻少妇精品视频专区,GOGO国模啪啪人体,欧美video性欧美熟妇 精品国产sM最大网站免费,一级A片中文字幕免费,A片免费一级无码,亚洲AV日韩AV高潮潮喷无码,岛国av无码免费无禁网站,无码一级毛片免费手机在线,av无码播放一级毛片免费,免费国产一级A片在线观看 亚洲熟妇无码av在线播放,日韩精品一区二区三区中文,日韩激情无码一级毛片,AV无码播放一级毛片免费,japanese日本熟妇伦,中国一级裸片黄大片 中文人妻av大区中文不卡,国产亚洲综合91精品,caoporen碰免费公开视频,国产高清视频在线观看无缓冲,三级特黄60分钟在线播放,人妻无码AV中文系列久久3p tude7 tube8sex,男人插女人下身免费视频,无码av最新无码av专区,美女高潮穿丝袜视频免费,日韩在线一区二区不卡视频,欧美 在线 成 人怡红院 欧美另类69xxxxx,亚洲一区在线日韩在线尤物,农村女人一级特黄大片,国内在线精品爱丝袜,好爽好黄的免费视频,小的学生videosex 在线观看黄Av未满十八,国产一级a作爱片全过程片,亚洲中文无码线在线观看,欧美一级日韩一级亚洲一级,国产超级va在线观看视频,欧美人禽zozo伦交