کد HTML و CSS

اگر قصد شروع طراحی سایت را دارید یا در حال حاضر طراح سایت هستید چه با سیستم های مدیریت محتوا مثل وردپرس و یا طراحی اختصاصی با کدنویسی پیش نیاز تمامی این مسیرها یادگیری  کد html و css برای طراحی وب سایت هست. با دنبال کردن این سری آموزش ها و دیدن کدهای جذابی که براتون داریم قدم ها را در این مسیر با قدرت بردارید و نسبت به دیگرا متفاوت باشید و مطمئنا در این مسیر با تداوم و پشتکار خواهید درخشید.

فهرست مطالب

کد HTML و CSS برای هاور عکس

کد css برای هاور عکس از خاکستری به رنگی

کد css برای هاور عکس که با نگاه داشتن موس متوجه تغییر عکس با این افکت جذاب خواهید شد.

کد css برای هاور عکس
برای افکت بالا کد سی اس اس زیر را وارد کنید:
				
					.color img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: all 1s ease;
}

.color img:hover{
filter: grayscale(0%);
filter: gray;
-webkit-filter: grayscale(0%);
filter: none;
transition: 1s ease;
}
در ضمن class زیر را به image بدهید:
				
					<div class=”color”>

کد HTML و CSS برای چرخش عکس

کد css برای چرخش عکس افکت جذابی هست که برای قسمت هایی که قصد دارید تمرکز کاربر به سمت مطلبی خاص باشه پیشنهاد می شه.

کد سی اس اس برای عکس
برای افکت بالا کد سی اس اس زیر را وارد کنید:
				
					.rotate img{
transition: 1s ease;
}

.rotate img:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
class زیر را به image بدهید:
				
					<div class=”rotate”>

اگر کد HTML و CSS خاصی را می خواهید یا در فرم زیر برامون بنویسید یا از طریق صفحه تماس با ما با ما در ارتباط باشید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

خیلی زود دیر می‌شه...

جهت هرگونه سوال یا مشاوره و همینطور آگاهی از پلن‌ها از فرم استفاده کنید.

تمامی حقوق برای وب ماه محفوظ است