投稿
  1. 谷达鸭首页
  2. 投稿

只要一键轻松带走！ CSS Scan 提供多样的网页区块阴影效果

Expreview超能网 • • 投稿
梅问题-只要一键轻松带走！ CSS Scan 提供多样的网页区块阴影效果

自从CSS3.0内建提供多种的特效属性后，已大幅的减少作图的与图片加载的时间，像是以前若要制作圆角图片，就得将图片透过影像工具，先将图片导好圆角后再汇出，若圆角太大或太小，就得重新再制作新的图片，相当的麻烦，但自从有了CSS3.0后，只要一个参数立即搞定。

而除了圆角以外，阴影也是以前常会用到的一个效果，现在一样可透过CSS3.0的区块影阴属性，就能快速的制造出各式的阴影效果，甚至内阴影也没问题，虽然说很方便但还是得熟悉区块阴影的相关设定，但今天梅干要来分享个好东西，那就是由CSS Scan平台，提供了各种网页中的区块阴影效果，看你喜欢那一个， 只要点一下立即就可把它带走并贴入自己的网页中，因此想制作网页区块阴影的朋友，现在也一块来看看。

CSS Scan链接网址：https://getcssscan.com/css-box-shadow-examples

Step1
首先在进入这个网站后，就会看到各式各样的区块阴影效果，当看到自己喜欢的效果后，只需要对着区块点一下。

梅问题-只要一键轻松带走！ CSS Scan 提供多样的网页区块阴影效果

Step2
当点选完毕后，上方就会出现Copied！ 表示已复制完成。

梅问题-只要一键轻松带走！ CSS Scan 提供多样的网页区块阴影效果

Step3
接着再到网页中的样式区块中，将刚刚的复制的阴影效果贴上，锵！ 锵！ 立即就产生，完全不用再背任何的语法啦！

梅问题-只要一键轻松带走！ CSS Scan 提供多样的网页区块阴影效果
赞 (0)
打赏 微信扫一扫 微信扫一扫
Expreview超能网Expreview超能网认证作者
0 0

相关推荐

发表回复

登录后才能评论