[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

trueblue Zobacz profil	28.03.2020, 09:42:27 Post #2
Grupa: Zarejestrowani Postów: 6 807 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)	Przy takich wartościach scale wystarczy zdefiniowanie jednej klatki animacji: https://kawalekkodu.pl/kulturysta-czyli-ani...-z-jedna-klatka background-image nadal nie jest potrzebne. Ten post edytował trueblue 28.03.2020, 09:42:54

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: 15.10.2025 - 01:03

Hosting zapewnia