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

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

怪我咯
怪我咯

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

membalas semua(2)
黄舟
黄舟2017-04-17 11:52:26 Tingkat 2

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

Suka +0
Tambah Balasan
伊谢尔伦
伊谢尔伦2017-04-17 11:52:26 Tingkat 1

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

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！