【CSS】変なborder-radiusとbox-shadowを合わせてみました【小ネタ】 - Little Strange Software

どうも！LSSです！！ ふと思いついて、これまでに試した２つの小ネタを合体させてみました。 小ネタ＋小ネタ＝あわせても小ネタ、って感じですがｗ こんな枠、どうでしょう？ コード 元ネタ CSS部分ちょこっと解説 あとがき こんな枠、どうでしょう？ と、単なる枠に対する装飾なので、使い方は自由自在！ スマホで見るとまたちょっと形の印象が違うかもです。 コード <p style="box-shadow: 0px 0px 18px 0px lightgreen inset,-8px -8px 18px 0px lightgreen inset,5px 5px 15px 0px #888888; border-radius: 30%/10%; width: 100%; height: 400px; padding: 28px;">中に入れる文章</p> 元ネタ 上記２つの記事で使ったネタを併用して

[kefugahi]

個性的なデザインによさそうです！自分のブログはデザインの面では本当に個性がなく…背景もどっかで拾った無料画像とかだし…そのうちな、とか思ってるうちに1000記事になろうとしています…。

[singark071781]

🌟🌟🌟

[hukunekox]

LSS先生のアイデア、皆さんのところで見れて面白い〜😆✨