Generator przejść CSS3
Płynne przejście krycia
Popularne ustawienia wstępne
Efekt zanikania
Płynne przejście krycia
Efekt skali
Zmień rozmiar elementu po najechaniu kursorem
Efekt obrotu
Obróć element po najechaniu kursorem
Efekt slajdu
Przesuwanie pozycji elementu
Zmiana koloru
Przejście koloru tła
Informacje o przejściach
Przejścia CSS umożliwiają płynną zmianę wartości właściwości w określonym czasie.
Do najczęściej animowanych właściwości należą:
- szerokość, wysokość
- margines, dopełnienie
- krycie, kolor
- transform (scale, rotate, translate)
- background-color
Wskazówka dla profesjonalistów: Użyj opcji "Wszystkie właściwości", aby animować wszystkie zmiany.
Preview
Wygenerowany kod
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Elementy sterujące przejściami
Efekty najechania kursorem
Related Tools
Upiększacz CSS
Formatuj i upiększaj swój kod CSS z profesjonalną precyzją
Generator przejść CSS3
Płynne przejście krycia
Konwerter Sass na CSS
Transform your Sass code into CSS. Fast, easy, and secure.
Konwerter jednostek bajtów
Precyzyjna konwersja między różnymi jednostkami informacji cyfrowych
Kalkulator skrótu SHA3-512
Generate SHA3-512 hashes quickly and easily
Konwertuj JSON na TSV bez wysiłku
Przekształć swoje dane JSON do formatu wartości rozdzielanych tabulatorami (TSV) za pomocą jednego kliknięcia. Szybki, bezpieczny i całkowicie oparty na przeglądarce.