简体中文(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
665

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

怪我咯
怪我咯

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

Antworte allen(2)
黄舟
黄舟2017-04-17 11:52:26 2 Etage

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

Wie +0
Antwort hinzufügen
伊谢尔伦
伊谢尔伦2017-04-17 11:52:26 1 Etage

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

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！