آموزش کدهای کاربردی CSS3 برای طراحی قالب

شروع موضوع توسط mmilada ‏17 فوریه 2012 در انجمن مسائل عمومی وب

  1. mmilada

    mmilada کاربر جدید

    تاریخ عضویت:
    ‏19 دسامبر 2011
    ارسال ها:
    103
    تشکر شده:
    0
    border-radius

    شما با استفاده از این ویژگی جدید میتونید گوشه های یک عکس یک دایو یا هر چیز دیگه ایی رو گرد کنید

    مثال:
    کد:
    border - radius : مقدارpx
    Text-shadow

    از این ویژگی فقط برای متون استفاده میشود و کار آن سایه اندازی است

    مثال:
    کد:
    text - shadow : 1px 5px 7px # 006600;
    مقادیر 1پیکسل به معنی فاصله سایه از چپ ، 5پیکس به معنی فاصله سایه از بالا و 7پیکسل برای تعیین میزان تارکردن آن میباشد و در انتها کد رنگ
    کد:
    # 006600
    box-shadow

    این ویژگی هم مانند ویژگی قبلی برای سایه اندازی است با این تفاوت که به اجزا محدود می باشد

    مثال:
    کد:
    box - shadow : 2px 5px 8px 6px # 82A701 ;
    مقادیر 2پیکسل به معنی فاصله سایه از چپ ، 5پیکس به معنی فاصله سایه از بالا ، 8پیکسل برای تعیین میزان تارکردن آن و 6پیکسل میزان وسعت سایه میباشد و در انتها کد رنگ
    کد:
    # 82A701