تبلیغات

تبلیغات تبلیغات
طراحی و بهینه سازیمشاهده

آخرین ارسال های تالار مشاهده انجمن
  • نیاز به دمو قالب 1 پاسخ 7 بازدید
  • درخواست ArrowChat 0 پاسخ 6 بازدید
  • مدارک مورد نیاز برای ثبت شرکت 0 پاسخ 10 بازدید
  • طراحی فضای سبز (شرکت تجارت سبز) 0 پاسخ 7 بازدید
  • مشکل لاگین در اینستاگرم با grameasy 24 پاسخ 556 بازدید
  • مشکل در افزونه real 3d flipbook 1 پاسخ 24 بازدید
  • دانلود افزونه jetpack elementor 5 پاسخ 29 بازدید
  • مشکل در قالب betheme 14 پاسخ 166 بازدید
  • 10 انجمن ساز برتر php 0 پاسخ 13 بازدید
  • باز نشدن wpbakery page builder 3 پاسخ 50 بازدید
  • هاست

    گوشه های گرد در CSS3،بررسی Border-radius

    CSS / HTML , آموزش طراحی
    گوشه های گرد در CSS3،بررسی Border-radiusReviewed by جواد on Oct 19Rating: 3.0گوشه های گرد در CSS3،بررسی Border-radiusبا به روی کار آمدن html5 و CSS3 دنیای طراحی وب تغییری اساسی کرد. امکانات بسیار زیادی به نسخه های جدید html و css شده که تقریبا هر چیزی را طراحی کنید

    گوشه های گرد در CSS3،بررسی Border radius

    با به روی کار آمدن html5 و CSS3 دنیای طراحی وب تغییری اساسی کرد. امکانات بسیار زیادی به نسخه های جدید html و css شده که تقریبا هر چیزی را طراحی کنید ،  امروز میخوایم درباره گوشه های گرد به طور کامل صحبت کنید ، گوشه های گرد رو میتونید با استقاده از Border-radius ایجاد کنید.

    خیلی از طراحان با خاصیت border-radius آشنا هستند اما در واقع این خاصیت چیزی بیشتر از border-radius : 5px; هست ، امروز یکم عمیق تر این خاصیت رو بررسی میکنیم و به شما نشون میدیم که چجوری میشه تک تک گوشه ها رو گرد کرد یا اینکه چجوری میشه به صورت افقی و عمودی گوشه ها را گرد کرد.

    خوب معمولی ترین border-radius به این صورت هست :

    که تمام گوشه ها را به اندازه ۵ پیکسل گرد میکند.

    برای این که هر گوشه رو جداگانه گرد کنیم انجوری عمل میکنیم :

    گوشه های گرد در CSS3،بررسی Border radius

    همش همین نبود ، به وسیله border-radius میتونیم گردی افقی و عمودی هر گوشه را کنترل کنیم :

    گوشه های گرد در CSS3،بررسی Border radius

    همچنین میتونم به هر گوشه به طور جداگانه این خاصیت رو اعمال کنیم :

    یا

    خوب مسائل اساسی border-radius را گفتیم ، برای ورژن های قدیمی مرورگر های فایرفاکس و کروم باید از -webkit و -moz استفاده کنیم که استفاده از -moz کمی متفاوت با چیزی است که تاحالا گفتیم

    برای -webkit هم کافیست به جای border-radius بنویسید  : -webkit-border-radius


    به کانال تلگرام بیست اسکریپت بپیوندید !

    دانلود
    .

    جای تبلیغات متنی

    مطلب مفیدی بود ؟
    نویسنده : admin 3 CSS / HTML , آموزش طراحی

    لینک کوتاه مطلب : http://www.20script.ir/?p=97

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    4,350دانلود کد کیبورد بسیار کاربردی فول CSS3 تاریخ : 2013/11/3
    2,182اسکریپت صندوق پستی بسیار زیبا CSS3 تاریخ : 2013/11/3
    3,035اسکریپت منوی تصویری بسیار زیبا و کاربردی تاریخ : 2013/11/1
    3,849افزونه وردپرس ساخت گالری های حرفه ای با Fast Gallery تاریخ : 2015/06/22
    3,285صفحه لاگین مترو به صورت CSS3 تاریخ : 2013/11/22
    4,990دانلود قالب html5 بسیار حرفه ای Verti تاریخ : 2013/11/16
    2,575قالب HTML ایمیل و خبرنامه Retail Mail با قابلیت صفحه ساز آنلاین تاریخ : 2017/06/22
    7,522افزونه ایجاد کتاب های سه بعدی Real 3D FlipBook نسخه 1.3 تاریخ : 2014/10/13
    8,178دانلود منو آبشاری بسیار حرفه ای تاریخ : 2013/11/23
    4,445قالب فلت مدیریت وب سایت Archon تاریخ : 2014/01/13
    6,553قالب مدیریت وب سایت AppUI به صورت HTML تاریخ : 2016/10/5
    4,006قالب HTML ایمیل و خبرنامه Big Mail با قابلیت صفحه ساز آنلاین تاریخ : 2017/06/22
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب