Today, we'll be recreating Kirby using nothing but CSS. The result will be the amazing Kirby you see below. Let's start by creating the HTML elements we'll need. Then we'll give Kirby its shadow shape with the pseudo :before selector. We'll use the before element to offset it to the background. And we'll use a double border-radius to offset the feet.

•5m read time•From h.daily-dev-tips.com
Post cover image
Table of contents
Analysing KirbyStyling Kirby with CSS
8 Comments

Sort: