Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] pulsujący background diva
shpaque
post
Post #1





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

Ostrzeżenie: (10%)
X----


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

  1. <style>
  2. @-webkit-keyframes pulse
  3. {
  4. 0% {webkit-transform: scale(1);}
  5. 50% {-webkit-transform: scale(1.1);}
  6. 100% {-webkit-transform: scale(1);}
  7. }
  8. #hero
  9. {
  10. animation: pulse 3s infinite;
  11. animation-direction: alternate;
  12. -webkit-animation-name: pulse;
  13. animation-name: pulse;
  14. }


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
shpaque
post
Post #2





Grupa: Zarejestrowani
Postów: 651
Pomógł: 3
Dołączył: 31.01.2011
Skąd: Warszawa

Ostrzeżenie: (10%)
X----


ale cos takiego?

  1. @-webkit-keyframes pulse
  2. {
  3. 0% {transition: background-size(100%);}
  4. 50% {transition: background-size(110%);}
  5. 100% {transition: background-size(100%);}
  6. }


  1. @-webkit-keyframes pulse
  2. {
  3. 0% {background-size: 100% 100%;}
  4. 50% {background-size: 110% 110%;}
  5. 100% {background-size: 100% 100%;}
  6. }


oj walnalem sie - super (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 29.12.2025 - 07:31