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

هاست

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

CSS , HTML5 , اسکریپت ها

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

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

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

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

 

دایره :

  مربع : 

مستطیل :

بیضی :

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

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

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

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

 الماس :

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

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

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

هشت وجهی :

 کادر سخنگو : 

 تخم مرغ :

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

دایره 2 رنگ :

ساخت یک قلب :

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

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

لطفا به این مطلب امتیاز بدید


دانلود


هاست مناسب برای تمامی اسکریپت های 20script MyHBD.net >

هاست
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 5 CSS , HTML5 , اسکریپت ها

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
11,928افزونه ویرایش تگ های هدر و فوتر پوسته وردپرس Head Cleaner تاریخ : 2016/02/28
5,469افزونه حرفه ای مکعب نمونه کارها تاریخ : 2013/12/15
3,147افزونه وردپرس درج کد در مطالب و برگه ها SyntaxHighlighter Evolved تاریخ : 2016/03/2
4,601صفحه اختصاصی برای خطای پایگاه داده تاریخ : 2013/10/27
4,484اسکریپت پشتیبان گیری وب سایت SmartBackup نسخه 1.1.2 تاریخ : 2016/08/15
24,033منو بازشو زیبا با کدنویسی CSS و جاوا اسکریپت تاریخ : 2014/08/11
4,804ساخت باکس اسکرول دار با CSS تاریخ : 2019/02/21
7,969دستور Border radius در CSS3 تاریخ : 2013/11/2
5,199افزونه وردپرس امتیاز دهی Taqyeem فارسی تاریخ : 2016/12/28
5,064پلاگین جی کوئری دکمه اشتراک گذاری مطالب در موبایل تاریخ : 2016/04/30
5,337صفحه لاگین مترو به صورت CSS3 تاریخ : 2013/11/22
5,354رابط کاربری iMessage در 9 IOS با جی کوئری تاریخ : 2016/04/21
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب