Dialogue Box

STRUCTURE

h1 box + persuade element triangle
How to make a triangle Ckick Here

EXAMPLE

HTML

<h1>some text</h1>

CSS

h1 {
background-color: rgba(193, 215, 174, 0.3);
color: #90a955;
padding: 10px;
border-radius: 1px;
font-weight: 400;
position: relative;
font-size: 26px;
font-weight: 600;
}
h1:after {
content: " ";
width: 0px;
height: 0px;
position: absolute;
bottom: -16px;
left: 30px;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-top: 16px solid rgba(193, 215, 174, 0.3);
}

Display

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.