A Simple Hand-drawn Styled HTML/CSS Theme | Doodle.CSS

hand-drawn-doodle-css

Doodle CSS is a simple hand-drawn HTML/CSS theme. Doodle.CSS is a CSS-only UI library used to create hand-drawn HTML elements (also called sketchy and cartoonish).

hand drawn ui, html css javascript code snippets drawing library, rough js examples, javascript digital signature drawing library

How to make use of it:

1. Download and import the doodle.css stylesheet.

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

2. Load the recommended font into the document.

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

3. Add CSS class “Doodles” to the text tag.

<body class="doodle">
  ...
<body>

Hand-drawn Styled HTML Elements, Doodle CSS Plugin/Github


See Demo And Download

Official Website(chr15m): Click Here

This superior jQuery/javascript plugin is developed by chr15m. For extra Advanced usage, please go to the official website.

Share