HTML-, JavaScript- en CSS-code.

Grafische effecten, animaties terug
Overtypen is een hoop werk! Andere rubrieken:
Bronvermelding staat in de scripts zelf. Verwijder deze niet aub.
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
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
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
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.