کد css

این تاپیک 5 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  سعید ،‏ 2 سال و 4 ماه پیش .

۵۶٩ visibility
نویسنده پست
یکشنبه ، ۳۱ خرداد ۱۳۹۴     ۳:۴۱ ق.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

سلام
یه کد html نوشتم یه تصویری رو به عنوان لینک قرار دادم
و خواستم وقتی موس روش رقت تصویر رو hiden بشه و تصویر زیر نمایان بشه
هر چی کد css براش می نویسم درست کار نمیکنه
کسی میدونه کد css چه جوریه؟
کد html





کد css

.link-one {
display: inline-block;
border: 10px solid #46bad9;
border-radius: 100px;
margin: 0;
padding: 6px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}

.link-tow {
border: 10px solid #ff6c00;
position: absolute;
left: 0;
top: 0;
}

0  تشکر
یکشنبه ، ۳۱ خرداد ۱۳۹۴     ۳:۴۵ ق.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

<div class="link-one">
<span><a rel="nofollow" href='#'><img class="rotate" src="./001.png" alt="">
</span>
</div>
<div class="link-tow ">
<span><img class="rotate" src="./003.png" alt=""></a>
</span>

0  تشکر
یکشنبه ، ۳۱ خرداد ۱۳۹۴     ۱۲:۳۹ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

سلام

دوست عزیز باید ار جی کوری استفاده کنی

اینم کد:

0  تشکر
یکشنبه ، ۳۱ خرداد ۱۳۹۴     ۱۲:۴۱ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

اون اسکریپت اولی درست نیفتاد

درستش اینه:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

0  تشکر
یکشنبه ، ۳۱ خرداد ۱۳۹۴     ۱:۰۵ ب.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

تا یه حدودی درست شد
وقتی img1 نمایان است
موس روش قرار میگیره img2 نمایان میشه
اما وقتی موس رو از روش میبرم کنار هنوز img2 دیده میشه
در صورتی که باید img1 دوباره دیده شه

0  تشکر
یکشنبه ، ۳۱ خرداد ۱۳۹۴     ۳:۴۲ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

این بذار

1  تشکر
پست 1 تا 6 (از مجموع 6 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .