css:box-shadow实现单边,多边阴影

网友投稿 807 2022-05-30

文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-shadow

可视化工具 Box-shadow_generator

语法

box-shadow: X轴偏移量 Y轴偏移量 模糊半径 扩散半径 颜色

1

示例:

左边阴影
底部阴影
右部阴影
顶部部阴影
左上阴影
右上阴影
左下阴影
右下阴影
无左阴影
无下阴影
无右阴影
无上阴影

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

css:box-shadow实现单边,多边阴影

71

72

73

示例来源:box-shadow制作各种单边,多边阴影

CSS

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:通过WebChat访问Hive元数据
下一篇:以青春之名,创产业未来!第七届“互联网+”大赛华为命题等你来绽放!
相关文章