Animacja jednego elementu a nie całego diva po najechaniu kursorem

[Kabatus]

Jak w temacie, jak zrobić aby po najechaniu na diva kursorem powiększyło się np tylko zdjęcie w nim zawarte albo tylko tekst, chodzi o to, że mamy ramkę, tekst, zdjęcie i ktoś najedzie na ramkę a poruszy się samo zdjęcie a nie cały div.

[krzysiek_web]

.box img {
    transition: transform 0.5s ease 0s;
}

+

.box img:hover {
    transform: scale(1.15);
}

[Kabatus]

W takim przypadku animacja pojawia się tylko jak najadę na zdjęcie a ja chcę aby pojawiła się jak najadę już na diva w którym znajduje się zdjęcie.

[www_master]

Spróbuj kod zmienić na:

.box:hover img{   }

[ZośkaZofia]

I jak podziałało, bo jestem ciekawa czy takie rozwiązanie się sprawdza?

[Sagitario]

To co napisał @www_master musi zadziałać, tak można animować każdy element w kontenerze inną animacją np:

.box h1{color:black}

.box:hover img {
    transform: scale(1.15);
}
.box:hover h1 {
    color:red
}

 

[Presta]

Dnia 15.10.2017 o 01:05, ZośkaZofia napisał:

I jak podziałało, bo jestem ciekawa czy takie rozwiązanie się sprawdza?

musi działać