CSS Snippets

CSSSnippets.css

/*VUELVE CUALQUIER IMAGEN CUADRADA*/

.NO_wrapped_picture {
    object-fit: cover;
    width: 128PX;
    height: 128px;
}

//Imprimir imagenes a color y backgrounds 
@media print {
    -webkit-print-color-adjust: exact; 
}

https://leaverou.github.io/bubbly/

/*ZIGZAG*/

.zig-zag-bottom, .zig-zag-top {
    padding: 32px 0;
}


.zig-zag-bottom:after{
    background:
            linear-gradient(-45deg, transparent 16px, white 0),
            linear-gradient(45deg, transparent 16px, white  0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 22px 32px;
    content: "";
    display: block;
    width: 100%;
    height: 32px;
    position: relative;
    top:64px;
    left:0px;
}

.absolute-center {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

background: #2980b9 url('../media/images/bg.webp') repeat 0 0;
    -webkit-animation: 10s linear 0s normal none infinite animate;
    -moz-animation: 10s linear 0s normal none infinite animate;
    -ms-animation: 10s linear 0s normal none infinite animate;
    -o-animation: 10s linear 0s normal none infinite animate;
    animation: 10s linear 0s normal none infinite animate;
    -webkit-box-shadow: inset 0px 0px 26px 0px rgba(0,0,0,0.65);
    box-shadow: inset 0px 0px 26px 0px rgba(0,0,0,0.65);