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


آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

درگاه پرداخت

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

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

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

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

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

 

دایره :

  مربع : 

مستطیل :

بیضی :

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

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

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

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

 الماس :

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

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

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

هشت وجهی :

 کادر سخنگو : 

 تخم مرغ :

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

در ادامه بخوانید  اسکریپت افکت گذاری بر روی تصاویر Shape Hover

دایره 2 رنگ :

ساخت یک قلب :

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

در ادامه بخوانید  اسکریپت سیستم مدیریت محتوا Statamic نسخه 1.10.3

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


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

دانلود

خرید هاست پربازدید با منابع کاملا اختصاصی


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

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
1,642منوی زیبای فانتزی به صورت CSS3 تاریخ : 1392/08/7
456افزونه وردپرس امتیاز دهی Taqyeem فارسی تاریخ : 1395/10/8
3,683دانلود فرم ارسال دیدگاه بسیار زیبا جی کوئری تاریخ : 1392/09/3
2,730دانلود منو حرفه ای و جدید بسیار زیبای CSS3 تاریخ : 1392/09/2
4,300قالب فروشگاهی اسپشییال به صورت Html تاریخ : 1393/03/13
3,349اجرای موسیقی آنلاین در وردپرس با افزونه HTML5 Music Player تاریخ : 1393/06/25
1,744دکمه های بسیار زیبای CSS3 تاریخ : 1392/08/4
3,988اسکریپت جدول لیست قیمت ساده CSS تاریخ : 1392/08/7
1,984دانلود فرم ورود بسیار زیبا و حرفه ای تاریخ : 1392/11/3
3,911افزونه ویرایش تگ های هدر و فوتر پوسته وردپرس Head Cleaner تاریخ : 1394/12/9
2,050طراحی قالب HTML به صورت آنلاین با اسکریپت Architect نسخه 1.2 تاریخ : 1393/12/18
2,341اسکریپت منوی تصویری بسیار زیبا و کاربردی تاریخ : 1392/08/10
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب