Applied Visual Design Solution

Applied Visual Design: Create a Gradual CSS Linear Gradient

<style>

  div{ 
    border-radius: 20px;
    width: 70%;
    height: 400px;
    margin:  50 auto;
    background: linear-gradient(35deg, #CCFFFF, #FFCCCC)
  }

</style>

<div></div>

Applied Visual Design: Use a CSS Linear Gradient to Create a Striped Element

<style>

div{

border-radius: 20px;

width: 70%;

height: 400px;

margin: 50 auto;

background: repeating-linear-gradient(

45deg,

yellow 0px,

yellow 40px,

black 40px,

black 80px);

);

}

</style>

<div></div>

Applied Visual Design: Create Texture by Adding a Subtle Pattern as a Background Image

<style>

body {background: url('https://i.imgur.com/MJAkxbh.png')}

</style>