CSS

transform codice CSS

Codice CSS transform La proprietà di trasformazione applica una trasformazione 2D o 3D ad un elemento. Questa proprietà consente di ruotare, scalare, spostare, inclinare, ecc., Elementi.   div { -ms-transform: rotate(7deg); /* IE 9 */ -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ transform: rotate(7deg); }   Sintassi utilizzabili con transform: transform: none|transform-functions|initial|inherit;

background-blend-mode codice CSS

Codice CSS background-blend-mode   div { width: 200px; height: 200px; background-size: 200px 200px; background-repeat:no-repeat; background-image: linear-gradient(to right, black 0%, white 100%), url(‘w3css.gif’); background-blend-mode: color-dodge; }   Sintassi utilizzabili con background-blend-mode: background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;

filter codice CSS

Codice CSS filter Suggerimento: Più esempi di “Try it yourself” qui sotto.   img { -webkit-filter: grayscale(100%); /* Safari 6.0 – 9.0 */ filter: grayscale(100%); }   Sintassi utilizzabili con filter: filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();