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

0 0 3 2 - Shadow之文字阴影

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

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

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

阴影主要有两类：

文字阴影（text - shadow）

块状元素阴影（box - shadow）

一个一个，慢慢玩～


[*]文字阴影

**** Hidden Message *****


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

官方 Web 课程：

https://www.bilibili.com/video/BV1QW411N762

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

交作业{:9_237:}

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

学习一下，{:10_257:}

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

越来越有意思了，就是有点难{:10_243:}

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

支持
页: [1] 2 3
查看完整版本: 0 0 3 2 - Shadow之文字阴影