امروز : جمعه ۶ مرداد ۱۳۹۶
حذف تبلیغات


ad

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

 

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

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

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

css3shapes-2

دایره :

مربع :

مستطیل :

بیضی :

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

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

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

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

الماس :

متوازی الاضلاع :

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

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

هشت وجهی :

کادر سخنگو :

تخم مرغ :

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

دایره ۲ رنگ :

ساخت یک قلب :

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

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

 

 

 

لینک کوتاه :http://www.rahjo.net/dlscript/?p=340

عضویت