鱼C论坛

 找回密码
 立即注册
查看: 7717|回复: 62

[庖丁解牛] 0 0 3 2 - Shadow之文字阴影

[复制链接]
发表于 2017-1-26 17:34:27 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 不二如是 于 2021-8-11 09:22 编辑

怎么样,31的里的列表是不是很风骚?

这次分享一个在C3中,使用率极高的特效,阴影

阴影主要有类:

文字阴影(text - shadow)

块状元素阴影(box - shadow)


一个一个,慢慢玩~


  • 文字阴影


  • 游客,如果您要查看本帖隐藏内容请回复



这位鱼油,如果喜欢本帖子,请订阅 专辑-->传送门)(不喜欢更要订阅


官方 Web 课程:

评分

参与人数 1荣誉 +4 鱼币 +4 贡献 +3 收起 理由
睦ちゃん她爹 + 4 + 4 + 3 感谢楼主无私奉献!

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-3-27 23:05:24 | 显示全部楼层
交作业
111.png

点评

我很赞同!: 5.0
我很赞同!: 5
哇塞!  发表于 2017-3-28 07:00
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-4-26 14:34:26 | 显示全部楼层
本帖最后由 shishunfu 于 2017-4-26 17:16 编辑

交作业
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>文字阴影(text - shadow)</title>
        <style type="text/css">
                body{
                        background-color: beige;
                }
                h1{
                        text-shadow: 8px 8px 3px rgba(0,0,0,.5);        /*text-shadow四个参数分别为:x方向上的阴影(水平)位移、y方向上的阴影(垂直)位移、阴影模糊程度、阴影颜色*/
                }
                h2{
                        color: #FFF;
                        text-shadow:2px 2px 4px #000000;
                }
        </style>
</head>
<body>
        <h1>鱼C工作室-SSF</h1>
        <h2>让编程改变世界!<br/>Change the world by program!</h2>
</body>
</html>
0027文字阴影(text   shadow).png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2017-4-26 16:43

评分

参与人数 1荣誉 +6 鱼币 +6 贡献 +3 收起 理由
不二如是 + 6 + 6 + 3 稍微修改下背景,不平铺更棒!

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-4-15 12:42:16 | 显示全部楼层
2.gif
我觉得盒子阴影用的比较多,文字阴影好像用的不多

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-4-15 15:36

评分

参与人数 1鱼币 +6 收起 理由
不二如是 + 6 热爱鱼C^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-6 14:42:40 From FishC Mobile | 显示全部楼层
怎么设置我自己在太阳下面阴影的样式?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-7 15:45:26 | 显示全部楼层
支持!!!!!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-3-7 15:54:49 | 显示全部楼层
阴影
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-3-7 16:51:53 | 显示全部楼层
学习。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-3-7 20:04:03 | 显示全部楼层
123
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-3-17 13:38:16 | 显示全部楼层
嘎嘎嘎
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-4-30 09:13:41 | 显示全部楼层
骗回复
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-5-6 15:27:08 From FishC Mobile | 显示全部楼层
看看
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-5-12 11:47:30 From FishC Mobile | 显示全部楼层
学习一下,
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-6-9 08:50:38 From FishC Mobile | 显示全部楼层
看看
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-7-6 14:03:39 | 显示全部楼层
非常好
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-19 02:50:23 | 显示全部楼层
回复看帖
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-19 03:03:39 | 显示全部楼层
交作业!
032.jpg
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-8-11 13:24:33 | 显示全部楼层
学习二哥的技术
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-10-11 13:34:15 | 显示全部楼层
文字阴影(text - shadow)

块状元素阴影(box - shadow)
开始学习web
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-15 22:15:44 | 显示全部楼层
越来越有意思了,就是有点难
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-22 17:23:22 | 显示全部楼层
支持
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-22 20:32

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表