CSS3 átmeneti generátor
Sima átlátszatlansági átmenet
Népszerű előbeállítások
Elhalványulási hatás
Sima átlátszatlansági átmenet
Méretezési hatás
Elem átméretezése az egérrel
Forgatási effektus
Elem elforgatása az egérrel való lebegés közben
Dia effektus
Elem pozíciójának áthelyezése
Színváltozás
Háttérszín átmenet
Az átmenetekről
A CSS-átmenetek lehetővé teszik a tulajdonságértékek zökkenőmentes módosítását egy adott időtartam alatt.
A gyakori animált tulajdonságok a következők:
- szélesség, magasság
- margó, párnázás
- átlátszatlanság, szín
- transform (scale, rotate, translate)
- background-color
Profi tipp: Használja az "Összes tulajdonság" opciót az összes módosítás animálásához.
Preview
Generált kód
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Átmeneti vezérlők
Lebegő effektusok
Related Tools
CSS Glitch szöveg effektus
Hozzon létre lenyűgöző glitch-effektusokat szövegéhez ezzel az interaktív generátorral. Tökéletes cyberpunkhoz, játékhoz vagy bármilyen olyan dizájnhoz, amelyhez éles, futurisztikus megjelenésre van szükség.
SCSS-CSS átalakító
Alakítsa át SCSS-kódját CSS-re. Gyors, egyszerű és biztonságos.
Kevesebb CSS Konverter
Alakítsa át a Less kódot CSS-re. Gyors, egyszerű és biztonságos.
Készítsen gyönyörű CSS színátmeneteket könnyedén
Hozzon létre lenyűgöző lineáris, radiális és kúpos színátmeneteket intuitív kezelőfelületünkkel. Másolja ki a CSS-kódot, és azonnal használja projektjeiben.
CRC-16 Hash Kalkulátor
CRC-16 ellenőrzőösszegek gyors és egyszerű generálása
Üzemanyag-hatékonyság átalakító
Átváltás a különböző üzemanyag-hatékonysági egységek között precízen