Check the new version here

Popular channels

Crear Flecha Solo con CSS y HTML

codigo HTML







codigo CSS

.flecha{
position:absolute;
top:100px ;
left:50px;
width:70px;
height:100px;
}
.flecha .punta{
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right:50px solid #25aa00;
  position:relative;
  top:0px;
  left:0px;
}
.flecha .cuadro{
  width: 20px;
  height: 60px;
  position:relative;
  background:#25aa00;
  top:-80px;
  left:50px;
}

Ejemplo flecha
2Comments
      GIF
      New