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

میهن وب هاست هاست

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

CSS , HTML5 , اسکریپت ها
ساخت اشکال هندسی مختلف با استفاده از CSS3Reviewed by M.J on Jul 14Rating: 5.0ساخت اشکال هندسی مختلف با استفاده از CSS3قطعا این یک پست فوق العاده جالب و پربازدید از نظر شما توسعه دهندگان وب سایت خواهد شد . اگر شما هم فکر میکنید که به وسیله css میتوان فقط چند شکل از جمله مربع , مستطیل , دایره و بیضی را ساخت , سخت در اشتباهید . در این پست از سایت بیست اسکریپت , قصد دارم آموزشی را قرار دهم که با استفاده از ترفند هایی در css3 , اشکال بسیار زیادتری را در صفحات وب سایت خود ایجاد کنید .

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

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

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

 

دایره :

  مربع : 

مستطیل :

بیضی :

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

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

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

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

 الماس :

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

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

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

هشت وجهی :

 کادر سخنگو : 

 تخم مرغ :

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

دایره 2 رنگ :

ساخت یک قلب :

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

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


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

دانلود

جایه ویژه تبلیغ متنی


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1394/04/23 5 CSS , HTML5 , اسکریپت ها

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,274ساعت بسیار زیبای CSS3 تاریخ : 1392/08/22
9,304قالب زیبای Flatible به صورت HTML و CSS تاریخ : 1392/08/24
866افزونه وردپرس امتیاز دهی Taqyeem فارسی تاریخ : 1395/10/8
4,718دانلود افزونه ی نقد و بررسی Taqyeem برای وردپرس تاریخ : 1393/07/23
1,781اسلایدر قدرتمند با بیش از 12 تم UnoSlider برای وردپرس تاریخ : 1394/06/15
4,155دانلود قالب html5 بسیار حرفه ای Verti تاریخ : 1392/08/25
2,252افکت های شناور CSS3 تاریخ : 1392/08/8
2,224رابط کاربری iMessage در 9 IOS با جی کوئری تاریخ : 1395/02/2
2,175دانلود قالب زیبا مشکی در دست ساخت تاریخ : 1392/08/25
5,104اسکریپت ایجاد افکت و انیمیشن در تصاویر سایت tFigure تاریخ : 1393/05/28
2,119اسکریپت بازی جذاب زامبی ها به صورت HTML5 تاریخ : 1392/10/29
5,417پوسته ی وبلاگی و شخصی بلاگچی برای وردپرس تاریخ : 1393/06/1
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب