Responsive Web Design CSS and the Box Mo ...

Responsive Web Design CSS and the Box Model to create your own Rothko-style

Aug 01, 2022

Step 1

<!DOCTYPE html>

<html>

<head></head>

<body>

Step 2

<img src="https://cdn.freecodecamp.org/curriculum/css-box-model/diagram-2.png">

Step 37

box-shadow:0 0 3px 3px #efb762;

Step 38

box-shadow: 0 0 3px 3px #8f0401;

Step 39

box-shadow: 0 0 5px 5px #b20403;

Step 40

border-radius: 9px;

Step 41

border-radius: 8px 10px;

Step 42

border-radius: 30px 25px 60px 12px;

Step 43

transform:rotate(-0.6deg);

Step 44

transform:rotate(0.4deg);

Step 45

transform:rotate(-0.2deg);

Enjoy this post?

Buy SEMIH a coffee

More from SEMIH