Flip-kello - Ilmainen Online | ToolXHub
Käytä Flip-kello ilmaiseksi online, ei latausta tarvita. ToolXHub tarjoaa satoja hauskoja online-työkaluja.
Flip Clock
A flip-animation desk clock; digits flip when they change.
Tietoja tästä työkalusta
Flip Clock is a free online tool. A flip-animation style clock for your desk.
Sivulla näytetään tunti, minuutti ja sekunti kuusinumeroinen, ja jokainen numero koostuu ylä- ja alaosasta. Kun numero muuttuu, yläosa kääntyy alas näyttäen uuden numeron yläosan, samalla kun alaosa seuraa kääntymistä näyttäen uuden numeron alaosan, jäljitellen todellisen mekaanisen flip-lapun efektiä. Kääntöanimaatiossa on kiihtyvyyden ja hidastumisen vaihe, mikä vastaa fysiikan inertiaa.
Sopii käytettäväksi pöytäkellon koristeena, klassinen sivunvaihtotyyli on yksinkertainen ja elegantti. Käytetään myös tapahtumien ajastukseen, kokousten ajastukseen ja muihin tilanteisiin, ja sivunvaihtoanimaatio on seremoniallisempi kuin numeron hyppivä muutos.
Sivun kääntöefekti toteutetaan CSS 3D transformilla, jakamalla numerokuvat ylä- ja alaosaan ja käyttämällä rotateX-kääntöä sivun käännön simulointiin. Animaatiossa käytetään cubic-bezier-tasausfunktiota painovoiman kiihtyvyyden simuloimiseksi. Joissakin versioissa käytetään Canvas tai WebGL hienovaraisempien varjojen ja kohokohtien toteuttamiseen.
Sivukäännös-kellotyökalu, simuloi klassisen sivukäännöskellon mekaanista animaatioefektiä, numeroiden kääntyessä on todellinen fysikaalinen kääntöanimaatio.