css3常见好看的投影效果_css3阴影box-shadow高大上用法

2021-01-26 08:14

阅读:712

标签:content   osi   tor   ati   div   margin   number   abs   nim   

在设计图会经常使用到的阴影效果,如何用css3来实现呢?这篇文章主要整理box-shadow的一些好看常用的投影效果。

 

1、曲面/椭圆投影效果:

技术图片

代码如下:

  

椭圆投影1

椭圆投影2

豌豆资源搜索网站https://55wd.com

 

 

2、悬浮投影效果:

悬浮投影

 

 

 

实现代码:

悬浮投影

  

 

3、3D文字投影效果:

3D效果-fly63.com

 

代码如下:

class="shadow_wrap">

3D效果-fly63.com

 

 

4、动画投影效果:

fly63

代码如下:

class="shadow_wrap">

fly63>fly63

 

css3常见好看的投影效果_css3阴影box-shadow高大上用法

标签:content   osi   tor   ati   div   margin   number   abs   nim   

原文地址:https://www.cnblogs.com/ypppt/p/13232573.html


评论


亲,登录后才可以留言!