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

Category: CSS & CSS3 , Frameworks , Recommended | December 18, 2021
Views Total:1,087 views
Official Page:Go to website
Last Update:December 18, 2021


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:

You Might Be Interested In:

Leave a Reply