/sleeping-monk

Fun Project: Disturb a contemplating monk with a fly (playing with CSS trigonometry)

Primary LanguageHTML

Sleeping Monk

Umberto Eco once wrote his opus The Name of the Rose because he felt like poisoning a monk (in his Postscript to The Name of the Rose), while we only want to disturb a meditating monk with an intrusive fly in this fun project.

Screenshot

CodePen Demo

Sources and inspirations

This project was highly inspired by the article Trigonometric functions in CSS by Bramus. Thanks to Keith J. Grant for his article about transitioning gradient backgrounds in CSS. Roses to SVG Repo for SVG icons and vectors.

Start Locally on your Web Browser

This should open the index.html in the default web browser and the JavaScript will be loaded and executed.

For Windows:

start index.html

For macOS:

open index.html

For Linux:

xdg-open index.html