Wie man Pfeil nur mit css machen?

Question

Ich bin neu in CSS können ihr mir bitte Pfeil für die Herstellung von kundenspezifischen up aushelfen: Unten ist mein html div mit nur einem div Ich mag vor Pfeil machen mit und nach dem CSS-Eigenschaften:

<div class="triangle-with-shadow"></div> 

Answer 1

wir CSS-Code hat versucht, mit unter:

.triangle-with-shadow { 
    width: 100px; 
    height: 100px; 
    position: relative; 
    z-index: 5; 
} 
.triangle-with-shadow:after { 
    content: ""; 
    position: absolute; 
    width: 50px; 
    height: 50px; 
    background: white; 
    border: 1px solid; 
    transform: rotate(45deg); 
    top: 75px; 
    left: 25px; 
    border-width: 1px 0 0 1px; 
} 
.triangle-with-shadow:before { 
    width: 100px; 
    background: white; 
    height: 100px; 
    position: absolute; 
    content: ""; 
    top: 100px; 
    border: 1px solid; 
}