# Проблема с hover

**URL:** <https://forum.itvdn.com/t/problema-s-hover/2138>\
**Category:** HTML / CSS\
**Created:** [09.08.2018 14:16:42 UTC](https://forum.itvdn.com/t/problema-s-hover/2138 "2018-08-09T14:16:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sergeiversalsky](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/s/51bf81/32.png) [@sergeiversalsky](https://forum.itvdn.com/u/sergeiversalsky)\
**Post date:** [09.08.2018 14:16:42 UTC](https://forum.itvdn.com/t/problema-s-hover/2138/1 "2018-08-09T14:16:42Z")

</div>

Проект на ASP.NET , вставил картинку, с помощью псевдокласса hover сделал так что б картинка медленно увеличивалась в зависимости при наведении. Увеличивается она без проблем, медленно, всё как надо, а вот возвращается на место как курсор отвожу - очень быстро, мгновенно даже.

Как сделать так, что б уменьшалась она так же быстро, как и увеличивалась?

вот код:

```
.content-photo:hover {
        z-index: 10;

```
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);

    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}</pre>
```
```

---

<div class="post-metadata">

**Author:** ![arsenijbykov84](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/a/90db22/32.png) [@arsenijbykov84](https://forum.itvdn.com/u/arsenijbykov84)\
**Post date:** [09.08.2018 14:21:49 UTC](https://forum.itvdn.com/t/problema-s-hover/2138/2 "2018-08-09T14:21:49Z")

</div>

Вынеси

```
-webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
```

в отдельный класс .content-photo { ... } и посмотри что будет

---

<div class="post-metadata">

**Author:** ![sergeiversalsky](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/s/51bf81/32.png) [@sergeiversalsky](https://forum.itvdn.com/u/sergeiversalsky)\
**Post date:** [09.08.2018 14:23:49 UTC](https://forum.itvdn.com/t/problema-s-hover/2138/3 "2018-08-09T14:23:49Z")

</div>

заработало))) спасиб)