آموزش ایجاد باکس زیبا با html و css

//

آموزش ایجاد باکس زیبا با html و css

در این جلسه از آموزش کاربردی css یک باکس بسیاز زیبا به همراه چرخش و انمیشن آموزش خواهیم داد.

برای چرخش تصویر از تابع Rotate در CSS

با استفاده از تابع rotate در CSS میتوان عناصر ( میخواد تصویر باشه یا باکس یا متن یاهرچیزی ) رو در زاویه های مختلف چرخوند. ( یعنی چرخش عناصر )

در این تابع هم از مقدار مثبت و هم منفی میتوان استفاده کرد، مقدار مثبت موافق جهت عقربه های ساعت عمل میکند و مقدار منفی مخالف جهت عقربه های ساعت.

برای نرمی چرخش تصویر از Transition در CSS3

ویژگی transition یا در لغت انتقال یا خودمونی ترنزیشن ، یکی از ویژگی هایست که با استفاده از آن میتوان به تگ های داخل صفحه افکت انتقال ( Transition ) داد .

منظور از افکت انتقال ، مثلا میتونیم کاری کنیم که وقتی ماوس بروی یک تگ قرار گرفت اون تگ در مدت زمان مشخصی مثلا رنگ زمینش عوض شه یا مثلا وقتی ماوس رفت روی تگ ، اندازه اون تگ به آرامی تغییر کنه و…

آموزش ایجاد باکس زیبا با html و css با انیمیشن
یک آموزش جذاب دیگه!

آموزش ایجاد باکس زیبا با html و css

از طریق کانال تلگرام پاسخ ورذپرس اطلاع رسانی خواهد حتما عضوی بشید .

برای ثبت نام در دوره طراحی قالب وردپرس به صورت رایگان از لینک زیر اقدام فرمایید .

آموزش طراحی قالب وردپرس

ما را در یوتیوب دنبال کنید آموزش رایگان

کانال یوتیوب پاسخ ودرپرس

برای دانلود سورس کد از لینک زیر اقدام فرمایید .

دانلود سورکد

 

 

میانگین رتبه 5/5 تعداد رای : 1

نظرات

هیچ دیدگاهی برای این محصول نوشته نشده است.

سبد خرید
در حال بروز رسانی