Skip to content

Velenir/random-quote-machine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random Quote Generator

A simple random quote generator made as part of FreeCodeCamp course.

Live version here.

To help mimic handwritten input of the quote the font used is a special 'single stroke' font CamBam-5 with stroke-dashoffset animation applied sequentially to each letter. To cut down on simultaneous animation on screen (which caused significant lags in Chrome when implemented via animation-delay in CSS) the blockquote panel differentiates between text#dynamic-output filled with letters in the process of being animated and text#static-output with letters that have finished their animations.

Releases

No releases published

Packages

No packages published