PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : ساخت شیشه با CSS بسیار زیبا !



jcs.w
2012/09/05, 03:00 PM
درود امروز با یه شیشه در خدمت شما هستیم که با CSS ساخته شدهb-)



دمو رو حتما ببینید Pure CSS Glass ! - jsFiddle (http://jsfiddle.net/vbiran/nLZF2/)


__________________________________________________ __________________________________________________ ______-

در ایتدا ما به المنت مورد نظر با استفاده از rgba یک رنگ با opacity کمتر از یک میدیم :

background:rgba(255, 254, 253, 0.12);
و بعد با box shadow به المنت چند سایه inset میدیم :

box-shadow: 0 13px 4px rgba(255, 254, 253, 0.3) inset, 0 13px 66px rgba(1, 1, 1, 0.3) inset, 0 -32px 39px rgba(0, 0, 0, 0.2) inset;
شیشه شما ساخته شد b-)
سورس :

<div class="shishe"></div>

موفق باشید :x