Forum Czata Toruń wp.pl
Poczuj sie jak u siebie w Toruniu
FAQ
Szukaj
Rejestracja
Profil
Użytkownicy
Grupy
Galerie
Zaloguj się, by sprawdzić wiadomości
Zaloguj
Forum Forum Czata Toruń wp.pl Strona Główna
->
Gry
Napisz odpowiedź
Użytkownik
Temat
Treść wiadomości
Emotikony
Więcej Ikon
Kolor:
Domyślny
Ciemnoczerwony
Czerwony
Pomarańćzowy
Brązowy
Żółty
Zielony
Oliwkowy
Błękitny
Niebieski
Ciemnoniebieski
Purpurowy
Fioletowy
Biały
Czarny
Rozmiar:
Minimalny
Mały
Normalny
Duży
Ogromny
Zamknij Tagi
Opcje
HTML:
TAK
BBCode
:
TAK
Uśmieszki:
TAK
Wyłącz HTML w tym poście
Wyłącz BBCode w tym poście
Wyłącz Uśmieszki w tym poście
Kod potwierdzający: *
Wszystkie czasy w strefie EET (Europa)
Skocz do:
Wybierz forum
Czat Toruń wp.pl
----------------
Forum
Czat Toruń
Gry
Humor
Hyde Park
Linux
Muzyka
p2p
Programy
Sport
Przegląd tematu
Autor
Wiadomość
fertieg50
Wysłany: Czw 15:00, 23 Gru 2010
Temat postu: rounded corners
details
to get the best experience,
nfl replica jerseys
, please use the Safari browser, chrome in the animation are point card.
rounded corners
As you can see, and now a few lines of CSS can be achieved is often a profound impression on the effect of gray.
ul.solarsystem li.sun {
????width: 40px;
????height: 40px;
????-Webkit-border-radius: 20px;
????-Moz-border-radius: 20px;
????border-radius: 20px;
}
animation and transform
ul.solarsystem li {
????-Webkit-animation-iteration-count: infinite;
????-Webkit-animation-timing-function: linear;
????-Webkit-animation-name: orbit;
}
ul.solarsystem li.earth span {
????-Webkit-animation-iteration-count: infinite;
????-Webkit-animation-timing-function: linear;
????-Webkit-animation-name: moon;
}
ul.solarsystem li.mercury {-webkit-animation-duration: 5s;}
ul.solarsystem li.venus {-webkit-animation-duration: 8s;}
ul.solarsystem li.earth {-webkit-animation-duration: 12s;}
ul.solarsystem li.earth span {-webkit-animation-duration: 2s;}
ul.solarsystem li.mars {-webkit-animation-duration: 20s;}
ul.solarsystem li.asteroids_meteorids {-webkit-animation-duration: 50s;}
ul.solarsystem li.jupiter {-webkit-animation-duration: 30s;}
ul.solarsystem li.saturn {-webkit-animation-duration: 60s;}
ul.solarsystem li.uranus {-webkit-animation-duration: 70s;}
ul.solarsystem li.neptune {-webkit-animation-duration: 100s;}
ul.solarsystem li.pluto {-webkit-animation-duration: 120s;}
@-Webkit-keyframes orbit {
from {-webkit-transform: rotate (0deg)}
to {-webkit-transform: rotate (360deg)}}
Animation and transformation features are currently only in-webkit browser,
authentic nba jerseys
, effectively, the other major browsers - except IE of course - only through the border-radius rendering shows the static version of the solar system.
Oh, I admit ... ... I put Pluto stayed
ah, Internet Explorer eyes bored Qianbian our universe.
major browsers in the solar system
personal experience, I only used to complete the CSS and HTML a simple simulation of the solar system.
orbit and the planets are generated through the border-radius, while the animation is animated by-webkit animation properties and transformation capabilities to achieve. The following is an example of the code used:
thank xslidian delivery
using CSS3 rounded corners,
Carolina Panthers Jerseys
, transformation and animation capabilities to draw the solar system. Interesting effect is very striking. I have studied for a few months CSS3,
the neck is into a piece of black hair
, understand the new features,
followed by two police cars
, and experience a degree of support for each browser. A few weeks ago I released the first experiment, on the @ font-face and transform functions. This time it,
that he implanted a false U disk
, I rounded rectangle conducted experiments,
Kansas City Chiefs
, was expecting a little bored,
nba jerseys cheap
, results are very interesting.
Internet Explorer flat parallel universe:
fora.pl
- załóż własne forum dyskusyjne za darmo
Powered by
phpBB
© 2001, 2002 phpBB Group
Arthur Theme
Regulamin