简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO)
javascript - 这个效果该怎么做
怪我咯
怪我咯 2017-04-11 10:36:16
0
2
279

如图，这个立体效果， 用下边和 右边两条线就实现了 （这两条线的颜色是由内向外有渐变的）

用css 应该怎么出这个效果

怪我咯
怪我咯

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

全員に返信(2)
洪涛
洪涛2017-04-11 10:38:16 2棟 
box-shadow:-10px 0 10px red, /*左边阴影*/  
    10px 0 10px yellow, /*右边阴影*/  
    0 -10px 10px blue, /*顶部阴影*/  
    0 10px 10px green; /*底边阴影*/

box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色
いいねを押す +0
返信を追加
小葫芦
小葫芦2017-04-11 10:38:16 1棟

两个伪元素，一横一竖，弄背景渐变，绝对定位定好完事
いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！