[CSS]Animacja ikonki - Forum PHP.pl

[CSS]Animacja ikonki

david8213 Zobacz profil	28.03.2020, 08:38:56 Post #1
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%)	Zrobiłem animację jak poniżej. Jak zrobic żeby się ta animacja powtarzała Co wpisać zamiast 100 powtorzeń ? [XML] pobierz, plaintext <!DOCTYPE html> <html> <head> <style> div { width: 300px; height: 300px; background: white; position: relative; animation: myfirst 5s 100; animation-direction: alternate; } @keyframes myfirst { 0% { left: 10px; top: 10px; transform: scale(0.5); background-image: url("telefon.png");} 50% { left: 10px; top: 10px;transform: scale(0.7);background-image: url("telefon.png");} 100% { left: 10px; top: 10px;transform: scale(0.5);background-image: url("telefon.png");} } </style> </head> <body> <div></div> </body> </html> [XML] pobierz, plaintext Ten post edytował david8213 28.03.2020, 08:46:31

Odpowiedzi

david8213 Zobacz profil	28.03.2020, 09:38:45 Post #2
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%)	nie usunałem tego bo wczesniej miałem inną animację Juz jest OK. Dzięki [XML] pobierz, plaintext <!DOCTYPE html> <html> <head> <style> div { width: 300px; height: 300px; background: white; position: relative; animation: myfirst 2s infinite; animation-direction: alternate; text-decoration: none; border-style: none; border-style: hidden; } @keyframes myfirst { 0% { transform: scale(0.5); background-image: url("telefon.png");} 50% { transform: scale(0.7);background-image: url("telefon.png");} 100% { transform: scale(0.5);background-image: url("telefon.png");} } </style> </head> <body> <a href="tel:+48111222333"><div></div></a> </body> </html> [XML] pobierz, plaintext Ten post edytował david8213 28.03.2020, 09:41:41

Posty w temacie

david8213 [CSS]Animacja ikonki 28.03.2020, 08:38:56

viking Patrzyłeś w dokumentację? https://developer.mozil... 28.03.2020, 09:11:11

trueblue W jakim celu animujesz left, top i background-imag... 28.03.2020, 09:28:20

david8213 nie usunałem tego bo wczesniej miałem inną animacj... 28.03.2020, 09:38:45

trueblue Przy takich wartościach scale wystarczy zdefiniowa... 28.03.2020, 09:42:27

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 13.10.2025 - 20:43

Hosting zapewnia