افکتهای زیبا برای هاور ( Hover ) شدن ( نمونه اول )



visibility  
mode_comment   ۰

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

کدهای HTML :

چونکه از تگهای HTML5 استفاده شده و این تگها در مرورگرهای قدیمی پشتیبانی نمیشه ، میتونین کد زیر رو در head قرار بدین تا مشکل حل بشه :

کدهای CSS :

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

Source

متخصص فرانت اِند
طراحی وب را اصولی فرا بگیرید اگر تصمیمتو گرفتی که به صورت حرفه ای به طراحی UI مشغول بشی و کسب درآمد کنی دوره فرانت اند رو از دست نده، چون توی این دوره هر چیزی که برای رسیدن به هدفت نیاز داری رو در اختیارت قرار می دیم. متخصص فرانت اِند arrow_back
7Learn Experts
comment دیدگاه کاربران

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :