CSS - Hover Olunca transition ekleme hakkında - Sayfa 2

26-03-2018, 22:15:36

#10

~~angelicmoon~~

Üyeliği durduruldu

weyso adlı üyeden alıntı: mesajı görüntüle

http://prntscr.com/iwnpv9
şeklinde yapınca olması lazım

Hunper adlı üyeden alıntı: mesajı görüntüle

transition: all .2s ease-in-out;

Teşekkür ederim oldu. Hocam şimdi anlatır mısınız ben yapınca neden olmadı siz yapınca neden oldu ? Yani hover'dan önce mi bunu yazmalıyız ?

28-03-2018, 17:50:08

#11

weyso

angelicmoon adlı üyeden alıntı: mesajı görüntüle

Teşekkür ederim oldu. Hocam şimdi anlatır mısınız ben yapınca neden olmadı siz yapınca neden oldu ? Yani hover'dan önce mi bunu yazmalıyız ?

Siz yaptığınız da transition değerini hover olunca vermişdiniz. Bizim yaptığımızda ise transitionu hover a değilde hoversız haline verdik ( kabaca tabiri böyle )

)

.ornek{
width:100px;
height: 100px;
background:red;
transition:0.2s all linear;
}

.ornek:hover{
background:blue;
}

transitionu bu şekilde yaparsanız mouse .ornek nesnesinin üzerine gelince .2s saniyede arkaplan geçişini tamamlar ve mouse nesenin üzerinden gidince de .2s saniyede eski rengine döner

28-03-2018, 19:41:46

#12

~~angelicmoon~~

Üyeliği durduruldu

weyso adlı üyeden alıntı: mesajı görüntüle

Siz yaptığınız da transition değerini hover olunca vermişdiniz. Bizim yaptığımızda ise transitionu hover a değilde hoversız haline verdik ( kabaca tabiri böyle )

)

.ornek{
width:100px;
height: 100px;
background:red;
transition:0.2s all linear;
}

.ornek:hover{
background:blue;
}

transitionu bu şekilde yaparsanız mouse .ornek nesnesinin üzerine gelince .2s saniyede arkaplan geçişini tamamlar ve mouse nesenin üzerinden gidince de .2s saniyede eski rengine döner

Çok teşekkür ederim.

28-03-2018, 22:07:28

#13

Vikipedi

Transition değişimin olduğu yere verin sadece gidiştede dönüştüde iş yapacaktır. Sadece hover'a verirseniz hover oldugunda transition olur fakat elinizi çektiğinizde anında kaybolur değişim.
Örneğin:

input {
transition:all 250ms linear;
}

bu kod
input:focus, input:hover input'da hover veya focus her ikisinde değişim oldugunda da iş görür.