Bewegende plaatjes

Elementen tegelijkertijd animeren

Statisch object met dynamische animatie

In- en uitzoomende achtergrond

Sterrenhemel als achtergrond

SVG animeren met vivus.js

SVG animeren met CSS

Ouderwets bioscoop-film effect

Ronddraaiende kubus

Plaatje aanpassen aan de grootte van het window

Sneeuwbui met jQuery

Sneeuwbuien en ballonnen

Willekeurig bewegend plaatje II

Willekeurig bewegend plaatje

 

Fade-effecten

Ronddraaiende objectfoto

Fade-effecten met figuren XII: Sliding map demo

Fade-effecten met figuren XI: Page-turner demo

Fade-effecten met figuren X: Bars III: Checkerboard

Fade-effecten met figuren X: Bars II: Squares

Fade-effecten met figuren X: Bars I: Blinds

Fade-effecten met figuren IX: Skew

Fade-effecten met figuren VIII: Twist

Fade-effecten met figuren VII: Grow

Fade-effecten met figuren VI: Slide

Fade-effecten met figuren V: Wipe

Fade-effecten met figuren IV: Fade

Fade-effecten met figuren III: Cross Wipe

Fade-effecten met figuren II: Cross Fade

Fade-effecten met figuren I: Swap Fade

 

Diversen

Subtiele achtergrond-effecten V

Subtiele achtergrond-effecten IV

Afbeelding met mat transparante overlay

Subtiele achtergrond-effecten III

Subtiele achtergrond-effecten II

Subtiele achtergrond-effecten

Tekenen door scrollen

Interactief SVG-plaatjes tekenen en wijzigen

Responsive afbeeldingen

3D-rotatie-effect met plaatjes

Plaatje omdraaien met 3D-effect

Afbeeldingseffect tijdens scrollen

Afbeeldingen met TV-ruis

Regendruppels op een waterplas als achtergrond

Regeneffect met jQuery

Regendruppels op het raam

Schaduw met parallax-effect

Animaties uit Windows op je website

Exploderende muisklik met jQuery

Exploderende hyperlinks

Aanhaallijnen in een figuur zetten

Aftiteling

 

Figuren positioneren / presenteren

Schuifregelaar voor het vervagen van een afbeelding

Schuifregelaar voor de doorzichtigheid van een afbeelding

Schuifregelaar voor Het omkleuren van een afbeelding

Schuifregelaar voor de grijs-schaal van een afbeelding

Schuifregelaar voor de sepia-tint van een afbeelding

Schuifregelaar voor de negatieve kleur van een afbeelding

Schuifregelaar voor de kleurverzadiging van een afbeelding

Schuifregelaar voor het contrast van een afbeelding

Schuifregelaar voor de helderheid van een afbeelding

Fotogalerij IV: op de foto klikken om de wisselen

Fotogalerij III: Carrousel

Fotogalerij II: met strip met miniaturen

Fotogalerij

Foto-carrousel met tijdbalk en hyperlinks II

Foto-carrousel met tijdbalk en hyperlinks

Foto-carrousel met tijdlijn

Vervaagde afbeelding met rond detail er bovenop

Blur-effect met CSS III:Ronde uitsnede met bijschrift

Blur-effect met CSS II: Bijschrift aan de linkerkant

Blur-effect met CSS I: Bijschrift aan de onderkant

Tekenen met <canvas>: De Juliaset fractal

Tekenen met <canvas>: De fractal van Mandelbrot

Over de <path>-tag in SVG

Graphics op je website II: <svg>-tag

Graphics op je website I: <canvas>-tag

Ronde pijl met CSS

Ronde afbeeldingen

Een hart tekenen met SVG

Een hart tekenen met CSS

Een achtpuntige ster tekenen met CSS

Een zespuntige ster tekenen met CSS

Zeshoeken tekenen met CSS

Vierhoeken tekenen met CSS III: Trapezium

Vierhoeken tekenen met CSS II: Parallellogram

Vierhoeken tekenen met CSS I: Ruit

Driehoeken tekenen met CSS

Ellips met rotatie-effect

Cirkels en ellipsen tekenen met CSS

Tekstballon met CSS

Paginahoekje met CSS IV: linksboven

Paginahoekje met CSS III: linksonder

Paginahoekje met CSS II: rechtsboven

Paginahoekje met CSS I: rechtsonder

Animeren met @keyframes II: Stuiterende bal

Animeren met @keyframes I: Bal aan een touwtje

Bezier-krommen gebruiken in CSS-animaties

"Lichtgevende" schaduwen met CSS

Stapeltje papier met CSS

Figuur in een Viewport (Draggable Content)

Afbeeldingen weergeven met Lightbox

Uitklappende bijschriften bij foto's

Bladeren door een boek of folder

Scrollen met in- en uitzoomeffect

Scroll-effect met stapeltje foto's

Stapeltje Foto's

Banner die van links het beeld inschuift

Banner die van rechts het beeld inschuift

Panoramafoto's presenteren II: draggable image

Foto-album in JavaScript

Tegelpatronen van (elkaar overlappende) plaatjes

 

Lichtkranten

Browser-onafhankelijke <marquee> VI: Heen en weer gaande plaatjes

Browser-onafhankelijke <marquee> V: Heen-en-weer gaande tekst

Browser-onafhankelijke <marquee> IV: Foto's verticaal II

Browser-onafhankelijke <marquee> III: Foto's verticaal

Browser-onafhankelijke <marquee> II: Foto's

Browser-onafhankelijke <marquee>

Lichtkrant met LED-lampjes

Lichtkrant in een venster

Lichtkrant met <marquee>

 

Muis-effecten

Foto met bijschrift en geanimeerde mouseover II

Foto met bijschrift en geanimeerde mouseover I

Dynamisch achtergrond-effect

Parallax-effect voor muisbewegingen

X-windows oogjes

Plaatje dat de muis volgt IV: Oogjes die naar de muis kijken

Plaatje dat de muis volgt III: Kerstman in rendierslee

Plaatje dat de muis volgt IIa: Analoge klok met datumaanduiding

Plaatje dat de muis volgt II: Analoge klok

Plaatje dat de muis volgt

Plaatje laten veranderen als er op wordt geklikt

Hover-effect met omkleurende foto

Hover-effect met zoom II: in viewport

Hover-effect met zoom I: omhoog komende foto

Sticker-overlay op de pagina

Hover-effect met overlay

Hover-effect met zwart-wit foto's II

Hover-effect met zwart-wit foto's

Ronde hover-effecten met CSS

Futuristsch glitch-effect

Figuren met een glitch-effect II: Lokaal effect

Figuren met een glitch-effect

Foto's verschuiven met mouseover

Geanimeerd hover-effect met CSS

Plaatje laten veranderen als de muis er over gaat

 

Tekst-animaties

Bibber-effect bij mouseover

Laadscherm met vollopende tekst

Tekst en afbeelding bedekken met bewegend masker

Knipperende tekst met verschillende kleuren

Tekst animeren met CSS-sprites

Tekst met bewegende outline

Tekst met veranderende kleuren

Tekst-animatie in de titelbalk

Tekst-animaties III: zoom-effecten

Tekst-animaties II: beweging

Snackbar / Toast

Meescrollende melding onderaan het scherm

Plaatjes en tekst verplaatsen

Spreuk van de dag

Random tekst die verandert in een spreuk

Willekeurig gekozen spreuk

 

De onderwerpen zijn gekozen naar het aantal items dat binnen het onderwerp valt. De sortering binnen elk onderwerp is naar 'leeftijd'. De jongste items staan bovenaan, de oudste staan onderaan.