[CSS] pulsujący background diva Opcje

[shpaque]

Witajcie,
mam diva #hero, w nim diva .bg-neutron - on ma background-image sobie jakis - jak zrobic zeby obraz pulsowal?

[XML] pobierz, plaintext 
<style>
@-webkit-keyframes pulse
{
	0% {webkit-transform: scale(1);}
	50% {-webkit-transform: scale(1.1);}
	100% {-webkit-transform: scale(1);}
}
#hero
{
	animation: pulse 3s infinite;
	animation-direction: alternate;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
[XML] pobierz, plaintext 

tak mi pulsuje całe hero, jak dam "#hero .bg-neutron" nie dziala, jak dam sama klase ".bg-neutron" nie dziala - jak dam ".bg-neutron background-image" tez nie dziala...

Ten post edytował shpaque 20.12.2017, 16:36:05

[shpaque]

ok to teraz jest tak:

[HTML] pobierz, plaintext 
.bg-neutron
{
	display: block;
}
 
@-webkit-keyframes pulse
{
	0% {transform: scale(1);}
	50% {transform: scale(1.1);}
	100% {transform: scale(1);}
}
.bg-neutron
{
	animation: pulse 3s infinite;
	animation-direction: alternate;
	animation-name: pulse;
}
[HTML] pobierz, plaintext 

tylko teraz co mam animowac? hero, klase czy bg w klasie? i czemu mam nadac blokowy diplay