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

Category: CSS & CSS3 , Frameworks , Recommended | December 18, 2021
Author:chr15m
Views Total:635 views
Official Page:Go to website
Last Update:December 18, 2021
License:MIT

Preview:

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

Description:

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">
  ...
<body>

See Also:

You Might Be Interested In:


Leave a Reply