• صفحه نخست
  • درباره ی ما
  • ارتباط با ما
  • وبلاگ
  • مرکز آموزش
  • قوانین خرید
قالب بلاگ بیان،قالب و افزونه وردپرس|بلاگ تمز
  • قالب بلاگ بیان
  • قالب وردپرس
  • افزونه وردپرس
  • پروژه کامپیوتر
  • ورود / عضویت
  • فراموشی گذرواژه
بلاگ تمز- چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

  • خانه
  • سی اس اس
  • چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟
hover css3 1 2 چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟
آواتار محمد جمال زادهج.محمد بهمن ۱, ۱۳۹۶ سی اس اس ۰ نظر

چگونه از کلاس کاذب hover در سی اس اس استفاده کنم؟

گام اول : کدنویسی اچ تی ام ال (html) ؛ ساختار بلاک مورد نظرمون رو ایجاد میکنیم. شامل عکس و عنوان عکس که می خواهیم افکت هاور را رویشان اعمال کنیم.

<div class="block"> <img title="" alt="" src="/park.jpg"> <div class="block-caption"> عنوان عکس مورد نظر </div> </div>

گام دوم : کدنویسی سی اس اس (css) ؛

.block{
display:block;
transition:0.3s ease-in all;
}
گام سوم : افزودن کلاس کاذب هاور یا افکت آمدن ماوس روی المنت های مورد نظرمون.توی این قسمت میخواهیم افکت آمدن ماوس رو بلاک اصلی یا همون نحوه ی استفاده از کلاس کاذب hover در سی اس اس رو بگم.

.block:hover{
opacity:0.8;
}
وقتی ماوس رو بلاک مورد نظرمون اومد ؛ بلاک مورد نظرمون یه کم شفاف میشه.

0 0 votes
رتبه دهی مطلب
اچ تی ام الcsscss tutorialcss3hover در سی اس اسHow-to-use-the-hover-in-cssچگونه از کلاس کاذب hover در سی اس اس استفاده کنمسی اس اسکدنویسیوبلاگوبلاگ/سی اس اس
فیلم آموزشی چگونه لینک بالای نظرات را در وبلاگ بیان حذف کنیممطلب قبلی
ابزارک رتبه دهی و لایک برای مطالب وبلاگ نویسانمطلب بعدی
اشتراک
اطلاع از
Please login to comment
0 نظرات
Inline Feedbacks
View all comments

آخرین مطالب

  • آموزش افزودن مطالب مرتبط قالب بلاگ بیان
  • نحوه ی ارسال مطلب برای قالب فیلم و سریال بلاگ بیان
  • افزودن سایت خود به کنسول جستجوی گوگل
  • راهنما قالب شخصی بلاگ بیان
  • اسلایدر مطالب بلاگ بیان بسته یک

آخرین مطالب

  • آموزش افزودن مطالب مرتبط قالب بلاگ بیان
    آموزش افزودن مطالب مرتبط قالب بلاگ بیان
  • نحوه ی ارسال مطلب برای قالب فیلم و سریال بلاگ بیان
    نحوه ی ارسال مطلب برای قالب فیلم و سریال بلاگ بیان
  • افزودن سایت خود به کنسول جستجوی گوگل
    افزودن سایت خود به کنسول جستجوی گوگل
  • راهنما قالب شخصی بلاگ بیان
    راهنما قالب شخصی بلاگ بیان

فروشگاه من

  • ورود / عضویت
  • فراموشی گذرواژه
©۱۳۹۷ بلاگ تمز ساخته شده با ♥؛ توسط تیم ماکاوب با استفاده از وردپرس و ووکامرس.
0
0
Would love your thoughts, please comment.x
()
x
| پاسخ