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

网友投稿 794 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

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

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

71

72

73

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

CSS

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

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