0 0 3 2 - Shadow之文字阴影

不二如是 · 发表于 2017-1-26 17:34:27

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

x

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

怎么样，31的里的列表是不是很风骚？

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

阴影主要有两类：

文字阴影（text - shadow）

块状元素阴影（box - shadow）

一个一个，慢慢玩～

文字阴影

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

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

）

官方 Web 课程：

joker11111 · 发表于 2017-3-27 23:05:24

交作业

shishunfu · 发表于 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>

复制代码

像番茄加两个蛋 · 发表于 2018-4-15 12:42:16

我觉得盒子阴影用的比较多，文字阴影好像用的不多

a540656809 · 发表于 2017-3-6 14:42:40

怎么设置我自己在太阳下面阴影的样式？

345127857 · 发表于 2017-3-7 15:45:26

支持！！！！！

yc0day45 · 发表于 2017-3-7 15:54:49

阴影

163areocraft · 发表于 2017-3-7 16:51:53

学习。

SonOmiga · 发表于 2017-3-7 20:04:03

123

dreamdnj · 发表于 2017-3-17 13:38:16

嘎嘎嘎

小剑剑 · 发表于 2017-4-30 09:13:41

骗回复

sunbocheng · 发表于 2017-5-6 15:27:08

看看

逢源try一try · 发表于 2017-5-12 11:47:30

学习一下，

apprenticeyy · 发表于 2017-6-9 08:50:38

看看

ganglianhuo2 · 发表于 2017-7-6 14:03:39

非常好

aswyamato1989 · 发表于 2017-7-19 02:50:23

回复看帖

aswyamato1989 · 发表于 2017-7-19 03:03:39

交作业！

yishfd · 发表于 2017-8-11 13:24:33

学习二哥的技术

白牙 · 发表于 2017-10-11 13:34:15

文字阴影（text - shadow）

块状元素阴影（box - shadow）
开始学习web

R9bot · 发表于 2018-3-15 22:15:44

越来越有意思了，就是有点难

likesunshine · 发表于 2018-3-22 17:23:22

支持

账号		自动登录	找回密码
密码			立即注册

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