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
Twórz idealne układy flexboxów
Wizualizuj, dostosowuj i generuj kod flexbox CSS za pomocą naszego intuicyjnego interfejsu typu "przeciągnij i upuść".
Konwerter rysika na CSS
Przekształć swój kod SCSS w CSS. Szybko, łatwo i bezpiecznie.
Konwerter SCSS na CSS
Transform your SCSS code into CSS. Fast, easy, and secure.
Twórz piękne cienie CSS Box bez wysiłku
Generuj oszałamiające cienie pudełek za pomocą naszego intuicyjnego interfejsu. Skopiuj kod CSS i natychmiast używaj go w swoich projektach.
Dekoder Base64 do JSON
Błyskawicznie konwertuj ciągi zakodowane w formacie Base64 na sformatowany kod JSON. Działa lokalnie w przeglądarce bez przesyłania danych.
Kalkulator średniej
Szybko oblicz średnią (średnią arytmetyczną) zbioru liczb za pomocą naszego łatwego w użyciu narzędzia.