首页 > 其他 > 详细

文字阴影

时间:2020-06-30 23:04:50      阅读:82      评论:0      收藏:0      [点我收藏+]

1、文字阴影

text-shadow: 水平偏移  垂直偏移 模糊度  颜色

多重——text-shadow:2px 2px 2px red,4px 4px 4px blue(可做火焰文字、霓虹文字)

凹凸文字:凹——右下白,左上黑;

     凸——右下黑,左上白

 

2、盒子阴影

box-shadow: 水平偏移  垂直偏移  模糊度 (外延值) 颜色

设置insert可向里面偏移,放在前后都可以(表内阴影)

最常见加阴影实现立体效果的方式:box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.7)

小米盒子效果:

img {

  transition: all 1s

}

 

img:hover {

  box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.6);

  transform: translateY(-5px)

}

文字阴影

原文:https://www.cnblogs.com/pyx-blog/p/13216172.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!