javaScript Test041

zurück | home | vorwärts

Bilder mit css beeinflussen

------------------------------------

.blur {
        -webkit-filter: blur(2px);
        filter: blur(2px);
}
			

.brightness {
        -webkit-filter: brightness(1.5);
        filter: brightness(1.5);
}
			

.contrast {
        -webkit-filter: contrast(2);
        filter: contrast(2);
}
			

.drop-shadow {
        -webkit-filter: drop-shadow(5px 5px 3px rgba(160,160,122,0.7));
        filter: drop-shadow(5px 5px 3px rgba(160,160,122,0.7));
}
			

.grayscale {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
}
			

.hue-rotate {
        -webkit-filter: hue-rotate(45deg);
        filter: hue-rotate(45deg);
}
			

.invert {
        -webkit-filter: invert(1);
        filter: invert(1);
}
			

.opacity {
        -webkit-filter: opacity(.5);
        filter: opacity(.5);
}
			

.saturate {
        -webkit-filter: saturate(2);
        filter: saturate(2);
}
			

.sepia {
        -webkit-filter: sepia(1);
        filter: sepia(1);
}
			

.sepia-hue-rotate {
        -webkit-filter: sepia(1) hue-rotate(120deg);
        filter: sepia(1) hue-rotate(120deg);
}
			

.sepia-hue-rotate-blur {
        -webkit-filter: sepia(.9) hue-rotate(280deg) blur(2px);
        filter: sepia(.9) hue-rotate(280deg) blur(2px);
}
			

.brightness-contrast {
        -webkit-filter: brightness(1.1) contrast(1.3);
        filter: brightness(1.1) contrast(1.3);
}
			

Informationen über Filter von «kulturbanause»

Originalbeispielseite bei «kulturbanause»

------------------------------------