简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css3 - css box-shadow 单边 单角阴影
怪我咯
怪我咯 2017-04-17 11:50:26
0
2
633

css 可以做到如下图这样的阴影吗？怎么做？

怪我咯
怪我咯

走同样的路，发现不同的人生

reply all(2)
黄舟
黄舟2017-04-17 11:52:26 2 floor

大概就是在盒子下方放置一个带有阴影盒子，阴影盒子做一些 transform。大致效果见以下 demo。
http://codepen.io/Flyow/pen/e...

Like +0
Add Reply
伊谢尔伦
伊谢尔伦2017-04-17 11:52:26 1 floor

很折腾，你可以在一个p中填充一个渐变，然后通过css的transform进行旋转，斜切等变化，再放到该放的位置

Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！