[CSS] มุมมองข้อความธรรมดา คัดลอกโค้ด
<lj-raw><div style="max-width:600px; margin:40px auto; display:flex; justify-content:center; align-items:center;"> <div style="position:relative; width:220px; height:180px; display:flex; align-items:center; justify-content:center;"> <div style="height:150px; width:130px; background:#ddd url([url]https://imgur.com/hxgBk9B.jpeg[/url]) center; background-size:cover; border:7px solid #fff; border-bottom:25px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,0.1), -2px 2px 3px 0 rgba(0,0,0,0.1); box-sizing:border-box; position:absolute; left:0; transform:rotate(-4deg); z-index:1;"></div> <div style="height:150px; width:130px; background:#ddd url([url]https://imgur.com/UFUAxCd.jpeg[/url]) center; background-size:cover; border:7px solid #fff; border-bottom:25px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,0.1), 3px 3px 5px 0 rgba(0,0,0,0.1); box-sizing:border-box; position:absolute; right:0; transform:rotate(8deg); margin-top:15px; z-index:2;"></div> </div></div></lj-raw>
เจ้าของ: God
โพสต์ 2026-2-1 15:23:57
