Animacje CSS

Autor podstrony: Krzysztof Zajączkowski

Stronę tą wyświetlono już: 2535 razy

CSS rozwinął się do tego stopnia, że można w nim tworzyć animacje przejścia jednego stylu w drugi. Jest to możliwe dzięki zastosowaniu trzech nowych atrybutów:

Oto prosty przykład zastosowania dla styli filter i border-radius elementu img:

<style> img.gray { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition-property: filter, border-radius; transition-duration: 1s; transition-timing-function: linear; display:block; margin: auto; width: 50%; height: 50%; border: 1px solid #aaaaaa; border-radius: 5px; padding: 5px; box-shadow: 0 0 10px 10px rgba(200, 200, 200, 0.5); } img.gray:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); border-radius: 50%; } </style> <img class="gray" src="rysunki/Panorama.jpg" alt="panorama"/>

Efekt działania powyższego kodu:

panorama
Propozycje książek
tytuł: CSS od podszewki autor: Keith J. Grant

Tytuł:

CSS od podszewki

Autor:

Keith J. Grant

tytuł: Tablice informatyczne. HTML 5. Wydanie II autor: Radosław Sokół

Tytuł:

Tablice informatyczne. HTML 5. Wydanie II

Autor:

Radosław Sokół

tytuł: HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End Developera autor: Jon Duckett

Tytuł:

HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End Developera

Autor:

Jon Duckett

tytuł: CSS bez tajemnic. 47 sekretów kreatywnego projektanta autor: Lea Verou

Tytuł:

CSS bez tajemnic. 47 sekretów kreatywnego projektanta

Autor:

Lea Verou

tytuł: HTML5. Tworzenie gier z wykorzystaniem CSS i JavaScript autor: Karl Bunyan

Tytuł:

HTML5. Tworzenie gier z wykorzystaniem CSS i JavaScript

Autor:

Karl Bunyan

W związku z tym, że firma Helion nie wywiązuje się z swoich zobowiązań naliczania prowizji za każdą zakupioną książkę a kontakt z ową frmą jest nie możliwy autor strony zmuszony został do zablokowania linkowania książek. Za wszelkie niedogodności z tym związane z góry przepraszam i obiecuję włączenie linkowania gdy tylko sprawa zostanie wyjaśniona