Siempre me ha parecido agradable ver una cinta lateral en el abiente de pruebas, desarrollo, hoy encontre la forma de hacecrlo. Es tan sencillo que solo es crear una clase en css y luego llamar esa clase donde queramos mostrar la cinta.
<div class="Rcpctd">Desarrollo</div>
.Rcpctd {
position: absolute;
top: 75px;
left: -225px;
width: 600px;
height: 28px;
margin: 0;
padding: 10px;
font-size: 24px;
text-align: center;
color: rgb(255,255,255);
font-family: "trebuchet ms",verdana,arial,sans-serif;
transform: rotate(-45deg);
transform-origin: 50% 0;
background-color: rgb(0,0,0);
border: 1px solid rgb(170,170,170);
opacity: .5;
z-index: 1200;
}
0 Comentarios