جهت ورود به تالار گفتمان سایت کلیک کنید


ساخت اشکال هندسی مختلف با استفاده از css3

قطعا این یک پست فوق العاده جالب و پربازدید از نظر شما توسعه دهندگان وب سایت خواهد شد .

اگر شما هم فکر میکنید که به وسیله css میتوان فقط چند شکل از جمله مربع , مستطیل , دایره و بیضی را ساخت , سخت در اشتباهید .

در این پست از سایت اسکریپت دات کام , قصد دارم آموزشی را قرار دهم که با استفاده از ترفند هایی در css3 , اشکال بسیار زیادتری را در صفحات وب سایت خود ایجاد کنید .

ساخت اشکال هندسی مختلف با استفاده از css3

دایره :

 مربع : 

مستطیل :

بیضی :

مثلث رو به بالا :

مثلث رو به پایین :

مثلث رو به چپ :

مثلث رو به راست :

چهار ضلعی غیر منظم :

 الماس :

ذوزنقه :

دوازده نقطه ستاره :

شش نقطه ستاره :

 هشت وجهی :

کادر سخنگو : 

تخم مرغ :

ساخت کارکتر بازی pacman :

دایره 2 رنگ :

ساخت یک قلب :

توجه 1 : این اندازه ها و رنگ ها به صورت پیش فرض تنظیم شده اند و تمامی آنها را با توجه به قوانین خاص هر شکل میتوانید تغییر نمایید

توجه 2 : در بالا برای همه ی css ها از آی دی vms استفاده شده که طبیعتا میتوانید آن را تغییر دهید . ضمنا برای ساخت کد html این کد ها ( نمایش شکل ها ) باید به روش زیر در داخل تگ body عمل نمایید.

پخش اختصاصی

گرداوری و آموزش : وحید مجیدی

  • امتیاز شما به این مقاله ؟
    خیلی بدبدمعمولیخوبخیلی خوب (لطفا رای بدید)
  • جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

    8 پاسخ به “ساخت اشکال هندسی مختلف با استفاده از css3”

    1. محمد گفت:

      تو این ها میشه چیزی نوشت؟

    2. کاظمی گفت:

      BIG LIKE..!!

    3. فروش ماشین بافندگی گفت:

      مرسی اقا وحید

    4. الهه گفت:

      سپاس..خیلی خوب بودن.
      فقط کاش قابلیت دانلود داشتن…..

    پاسخی بگذارید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *