استایل چرخش تصویر

استایل چرخش تصویر

استایل چرخش تصویر

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

یک نظر

  1. سلام وعرض ادب

    این استایل رو استفاده کنین،وهرجاخواستین کلاسش رو تعریف کنین

    .logo img {
    -webkit-border-radius: 0.1px;
    -moz-border-radius: 0.1px;
    border-radius: 0.1px;
    width: 40px;
    height: 40px;
    transition: all 1s;
    }
    .logo img:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    transform: rotate(360deg);
    opacity: .7;
    }

    این کدرو داخل فایل سی اس اس سایتتون قرار بدین وهرجاکه خواستین کلاس تصویرتون رو لوگو بدین.
    مثال:

    <div class="logo img"> تصویر مورد نظر</div>

    موفق وموید باشید.

پاسخی بگذارید

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

بستن