上下が丸まった紙
【html(直接css)】
<div style="position:relative; background-image: linear-gradient(180deg,#eeb 20px,transparent 20px), linear-gradient(0deg,#eeb 20px,#ffc 20px); margin:10px 20px 10px 20px; padding:30px 20px 30px 20px;">上下が丸まった紙に書く文章<div style="position:absolute; top:0; left:-20px; display:block; width:40px; height:40px; background-color:#eeb; border-radius:50%;"></div><div style="position:absolute; top:20px; left:-20px; display:block; width:40px; height:20px; background-image: linear-gradient(90deg,#fff 50%,#ffc 50%);"></div><div style="position:absolute; top:0; right:0; display:block; width:20px; height:20px; background-color:#fff;"></div><div style="position:absolute; top:0; right:0; display:block; width:40px; height:40px; background-color:#ffc; border-radius:50%;"></div><div style="position:absolute; bottom:0; left:-20px; display:block; width:40px; height:40px; background-color:#eeb; border-radius:50%;"></div><div style="position:absolute; bottom:20px; left:-20px; display:block; width:40px; height:20px; background-image: linear-gradient(90deg,#fff 50%,#ffc 50%);"></div><div style="position:absolute; bottom:0; right:0; display:block; width:20px; height:20px; background-color:#fff;"></div><div style="position:absolute; bottom:0; right:0; display:block; width:40px; height:40px; background-color:#ffc; border-radius:50%;"></div></div>

TOPSUBCSS実験室

*前132次#

BLコンテスト・グランプリ作品
「見えない臓器の名前は」
- ナノ -