Stili · Animazioni

Animazioni

Le ricette di ingresso, per famiglia e per direzione. Ognuna si presenta da sola scorrendo: il nome dice DA DOVE si entra, non dove si va.

animate:fade

fade

compare sfumando, con un piccolo scorrimento

animate:fadeT

fade · T

compare sfumando, con un piccolo scorrimento, dall'alto

fadeTStart → fadeBehaviour → fadeEnd

animate:fadeTR

fade · TR

compare sfumando, con un piccolo scorrimento, da in alto a destra

fadeTRStart → fadeBehaviour → fadeEnd

animate:fadeR

fade · R

compare sfumando, con un piccolo scorrimento, da destra

fadeRStart → fadeBehaviour → fadeEnd

animate:fadeBR

fade · BR

compare sfumando, con un piccolo scorrimento, da in basso a destra

fadeBRStart → fadeBehaviour → fadeEnd

animate:fadeB

fade · B

compare sfumando, con un piccolo scorrimento, dal basso

fadeBStart → fadeBehaviour → fadeEnd

animate:fadeBL

fade · BL

compare sfumando, con un piccolo scorrimento, da in basso a sinistra

fadeBLStart → fadeBehaviour → fadeEnd

animate:fadeL

fade · L

compare sfumando, con un piccolo scorrimento, da sinistra

fadeLStart → fadeBehaviour → fadeEnd

animate:fadeTL

fade · TL

compare sfumando, con un piccolo scorrimento, da in alto a sinistra

fadeTLStart → fadeBehaviour → fadeEnd

animate:fade

fade

compare sfumando, restando fermo

fadeStart → fadeBehaviour → fadeEnd

animate:slide

slide

arriva da fuori, con uno scorrimento ampio

animate:slideT

slide · T

arriva da fuori, con uno scorrimento ampio, dall'alto

slideTStart → slideBehaviour → slideEnd

animate:slideTR

slide · TR

arriva da fuori, con uno scorrimento ampio, da in alto a destra

slideTRStart → slideBehaviour → slideEnd

animate:slideR

slide · R

arriva da fuori, con uno scorrimento ampio, da destra

slideRStart → slideBehaviour → slideEnd

animate:slideBR

slide · BR

arriva da fuori, con uno scorrimento ampio, da in basso a destra

slideBRStart → slideBehaviour → slideEnd

animate:slideB

slide · B

arriva da fuori, con uno scorrimento ampio, dal basso

slideBStart → slideBehaviour → slideEnd

animate:slideBL

slide · BL

arriva da fuori, con uno scorrimento ampio, da in basso a sinistra

slideBLStart → slideBehaviour → slideEnd

animate:slideL

slide · L

arriva da fuori, con uno scorrimento ampio, da sinistra

slideLStart → slideBehaviour → slideEnd

animate:slideTL

slide · TL

arriva da fuori, con uno scorrimento ampio, da in alto a sinistra

slideTLStart → slideBehaviour → slideEnd

animate:reveal

reveal

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre

animate:revealT

reveal · T

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre, dall'alto

revealTStart → revealBehaviour → revealEnd

animate:revealTR

reveal · TR

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre, da in alto a destra

revealTRStart → revealBehaviour → revealEnd

animate:revealR

reveal · R

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre, da destra

revealRStart → revealBehaviour → revealEnd

animate:revealBR

reveal · BR

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre, da in basso a destra

revealBRStart → revealBehaviour → revealEnd

animate:revealB

reveal · B

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre, dal basso

revealBStart → revealBehaviour → revealEnd

animate:revealBL

reveal · BL

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre, da in basso a sinistra

revealBLStart → revealBehaviour → revealEnd

animate:revealL

reveal · L

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre, da sinistra

revealLStart → revealBehaviour → revealEnd

animate:revealTL

reveal · TL

si scopre invece di muoversi: la forma resta ferma e il ritaglio si apre, da in alto a sinistra

revealTLStart → revealBehaviour → revealEnd

animate:zoom

zoom

cambia di scala arrivando alla misura piena — senza rosa: le otto direzioni erano indistinguibili

animate:zoomIn

zoom · In

cresce dal centro fino alla misura piena

zoomInStart → zoomBehaviour → zoomEnd

animate:zoomOut

zoom · Out

rientra dall’essere più grande alla misura piena

zoomOutStart → zoomBehaviour → zoomEnd

animate:flip

flip

ruota nello spazio, incernierata sul lato

animate:flipT

flip · T

ruota nello spazio, incernierata sul lato, dall'alto

flipTStart → flipBehaviour → flipEnd

animate:flipTR

flip · TR

ruota nello spazio, incernierata sul lato, da in alto a destra

flipTRStart → flipBehaviour → flipEnd

animate:flipR

flip · R

ruota nello spazio, incernierata sul lato, da destra

flipRStart → flipBehaviour → flipEnd

animate:flipBR

flip · BR

ruota nello spazio, incernierata sul lato, da in basso a destra

flipBRStart → flipBehaviour → flipEnd

animate:flipB

flip · B

ruota nello spazio, incernierata sul lato, dal basso

flipBStart → flipBehaviour → flipEnd

animate:flipBL

flip · BL

ruota nello spazio, incernierata sul lato, da in basso a sinistra

flipBLStart → flipBehaviour → flipEnd

animate:flipL

flip · L

ruota nello spazio, incernierata sul lato, da sinistra

flipLStart → flipBehaviour → flipEnd

animate:flipTL

flip · TL

ruota nello spazio, incernierata sul lato, da in alto a sinistra

flipTLStart → flipBehaviour → flipEnd

animate:rotate

rotate

entra ruotando attorno al punto

animate:rotateT

rotate · T

entra ruotando attorno al punto, dall'alto

rotateTStart → rotateBehaviour → rotateEnd

animate:rotateTR

rotate · TR

entra ruotando attorno al punto, da in alto a destra

rotateTRStart → rotateBehaviour → rotateEnd

animate:rotateR

rotate · R

entra ruotando attorno al punto, da destra

rotateRStart → rotateBehaviour → rotateEnd

animate:rotateBR

rotate · BR

entra ruotando attorno al punto, da in basso a destra

rotateBRStart → rotateBehaviour → rotateEnd

animate:rotateB

rotate · B

entra ruotando attorno al punto, dal basso

rotateBStart → rotateBehaviour → rotateEnd

animate:rotateBL

rotate · BL

entra ruotando attorno al punto, da in basso a sinistra

rotateBLStart → rotateBehaviour → rotateEnd

animate:rotateL

rotate · L

entra ruotando attorno al punto, da sinistra

rotateLStart → rotateBehaviour → rotateEnd

animate:rotateTL

rotate · TL

entra ruotando attorno al punto, da in alto a sinistra

rotateTLStart → rotateBehaviour → rotateEnd

animate:rotateCw

rotate · Cw

si raddrizza ruotando in senso orario

rotateCwStart → rotateBehaviour → rotateEnd

animate:rotateCcw

rotate · Ccw

si raddrizza ruotando in senso antiorario

rotateCcwStart → rotateBehaviour → rotateEnd

animate:blur

blur

arriva a fuoco, con un accenno di scorrimento

animate:blurT

blur · T

arriva a fuoco, con un accenno di scorrimento, dall'alto

blurTStart → blurBehaviour → blurEnd

animate:blurTR

blur · TR

arriva a fuoco, con un accenno di scorrimento, da in alto a destra

blurTRStart → blurBehaviour → blurEnd

animate:blurR

blur · R

arriva a fuoco, con un accenno di scorrimento, da destra

blurRStart → blurBehaviour → blurEnd

animate:blurBR

blur · BR

arriva a fuoco, con un accenno di scorrimento, da in basso a destra

blurBRStart → blurBehaviour → blurEnd

animate:blurB

blur · B

arriva a fuoco, con un accenno di scorrimento, dal basso

blurBStart → blurBehaviour → blurEnd

animate:blurBL

blur · BL

arriva a fuoco, con un accenno di scorrimento, da in basso a sinistra

blurBLStart → blurBehaviour → blurEnd

animate:blurL

blur · L

arriva a fuoco, con un accenno di scorrimento, da sinistra

blurLStart → blurBehaviour → blurEnd

animate:blurTL

blur · TL

arriva a fuoco, con un accenno di scorrimento, da in alto a sinistra

blurTLStart → blurBehaviour → blurEnd

animate:blur

blur

arriva a fuoco, restando fermo

blurStart → blurBehaviour → blurEnd

animate:skew

skew

entra sghembo e si raddrizza

animate:skewT

skew · T

entra sghembo e si raddrizza, dall'alto

skewTStart → skewBehaviour → skewEnd

animate:skewTR

skew · TR

entra sghembo e si raddrizza, da in alto a destra

skewTRStart → skewBehaviour → skewEnd

animate:skewR

skew · R

entra sghembo e si raddrizza, da destra

skewRStart → skewBehaviour → skewEnd

animate:skewBR

skew · BR

entra sghembo e si raddrizza, da in basso a destra

skewBRStart → skewBehaviour → skewEnd

animate:skewB

skew · B

entra sghembo e si raddrizza, dal basso

skewBStart → skewBehaviour → skewEnd

animate:skewBL

skew · BL

entra sghembo e si raddrizza, da in basso a sinistra

skewBLStart → skewBehaviour → skewEnd

animate:skewL

skew · L

entra sghembo e si raddrizza, da sinistra

skewLStart → skewBehaviour → skewEnd

animate:skewTL

skew · TL

entra sghembo e si raddrizza, da in alto a sinistra

skewTLStart → skewBehaviour → skewEnd

animate:wipe

wipe

si scopre con un bordo sfumato — il fratello morbido di reveal

animate:wipeT

wipe · T

si scopre con un bordo sfumato, dall'alto

wipeTStart → wipeBehaviour → wipeTEnd

animate:wipeTR

wipe · TR

si scopre con un bordo sfumato, da in alto a destra

wipeTRStart → wipeBehaviour → wipeTREnd

animate:wipeR

wipe · R

si scopre con un bordo sfumato, da destra

wipeRStart → wipeBehaviour → wipeREnd

animate:wipeBR

wipe · BR

si scopre con un bordo sfumato, da in basso a destra

wipeBRStart → wipeBehaviour → wipeBREnd

animate:wipeB

wipe · B

si scopre con un bordo sfumato, dal basso

wipeBStart → wipeBehaviour → wipeBEnd

animate:wipeBL

wipe · BL

si scopre con un bordo sfumato, da in basso a sinistra

wipeBLStart → wipeBehaviour → wipeBLEnd

animate:wipeL

wipe · L

si scopre con un bordo sfumato, da sinistra

wipeLStart → wipeBehaviour → wipeLEnd

animate:wipeTL

wipe · TL

si scopre con un bordo sfumato, da in alto a sinistra

wipeTLStart → wipeBehaviour → wipeTLEnd

animate:desaturate

desaturate

arriva in bianco e nero e prende colore

animate:desaturateT

desaturate · T

arriva in bianco e nero e prende colore, dall'alto

desaturateTStart → desaturateBehaviour → desaturateEnd

animate:desaturateTR

desaturate · TR

arriva in bianco e nero e prende colore, da in alto a destra

desaturateTRStart → desaturateBehaviour → desaturateEnd

animate:desaturateR

desaturate · R

arriva in bianco e nero e prende colore, da destra

desaturateRStart → desaturateBehaviour → desaturateEnd

animate:desaturateBR

desaturate · BR

arriva in bianco e nero e prende colore, da in basso a destra

desaturateBRStart → desaturateBehaviour → desaturateEnd

animate:desaturateB

desaturate · B

arriva in bianco e nero e prende colore, dal basso

desaturateBStart → desaturateBehaviour → desaturateEnd

animate:desaturateBL

desaturate · BL

arriva in bianco e nero e prende colore, da in basso a sinistra

desaturateBLStart → desaturateBehaviour → desaturateEnd

animate:desaturateL

desaturate · L

arriva in bianco e nero e prende colore, da sinistra

desaturateLStart → desaturateBehaviour → desaturateEnd

animate:desaturateTL

desaturate · TL

arriva in bianco e nero e prende colore, da in alto a sinistra

desaturateTLStart → desaturateBehaviour → desaturateEnd

animate:desaturate

desaturate

prende colore restando fermo

desaturateStart → desaturateBehaviour → desaturateEnd

Continua

Separatori← precedente

Altre categorie

Filtri9 stili Backdrop10 stili Testo1 stili Bordi & focus36 stili Immagini & cornici6 stili Tutti gli stilila sezione Tutte le risorseindice