Hand-drawn Styled HTML Elements In CSS – Doodle.CSS

Author: chr15m
Views Total: 467 views
Official Page: Go to website
Last Update: December 18, 2021
License: MIT


Hand-drawn Styled HTML Elements In CSS – Doodle.CSS


Doodle.CSS is a CSS-only UI library used to create Hand-drawn styled (also called sketchy and cartoony) HTML elements.

How to use it:

1. Download and import the doodle.css stylesheet.

<link rel="stylesheet" href="doodle.css" />

2. Load the recommended font in the document.

@import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap');
body {
  font-family: 'Short Stack', cursive;

3. Add the CSS class ‘doodle’ to the body tag. Happy coding!

<body class="doodle">

See Also:

See also  CSS Based Image Captions

Leave a Reply

Your email address will not be published. Required fields are marked *