|
| | | | Sujet: Filtre d'images CSS Sam 28 Mar - 14:12 | |
| Image originale | | | | | Code 1 | Code 2 | Code 3 | Code 4 | Code 5 |
- Code 1:
- Code:
-
<style> .Nema {filter: hue-rotate(180deg);-webkit-filter: hue-rotate(180deg);-moz-filter: hue-rotate(1800deg);-o-filter: hue-rotate(180deg);-ms-filter: hue-rotate(180deg);}</style><div class="Nema" style="width: 100px; height: 100px; background: url(http://i680.photobucket.com/albums/vv164/Lidia_sunny_elf/30_90_spring_days/745_zps293e3b89.png);"></div>
- Code 2:
- Code:
-
<style> .Nema2 {filter: blur(2px);-webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);}</style><div class="Nema2" style="width: 100px; height: 100px; background: url(http://i680.photobucket.com/albums/vv164/Lidia_sunny_elf/30_90_spring_days/745_zps293e3b89.png);"></div>
- Code 3:
- Code:
-
<style>.Nema3 {filter: brightness(0.5);-webkit-filter: brightness(0.5); -moz-filter: brightness(0.5);-o-filter: brightness(0.5);-ms-filter: brightness(0.5);}</style><div class="Nema3" style="width: 100px; height: 100px; background: url(http://i680.photobucket.com/albums/vv164/Lidia_sunny_elf/30_90_spring_days/745_zps293e3b89.png);"></div>
- Code 4:
- Code:
-
<style>.Nema4{filter: saturate(50%);-webkit-filter: saturate(50%);-moz-filter: saturate(50%);-o-filter: saturate(50%);-ms-filter: saturate(50%);}</style><div class="Nema4" style="width: 100px; height: 100px; background: url(http://i680.photobucket.com/albums/vv164/Lidia_sunny_elf/30_90_spring_days/745_zps293e3b89.png);"></div>
- Code 5:
- Code:
-
<style>.Nema5{filter: saturate(200%);-webkit-filter: saturate(200%);-moz-filter: saturate(200%);-o-filter: saturate(200%);-ms-filter: saturate(200%);}</style><div class="Nema5" style="width: 100px; height: 100px; background: url(http://i680.photobucket.com/albums/vv164/Lidia_sunny_elf/30_90_spring_days/745_zps293e3b89.png);"></div>
|
| | | |
Page 1 sur 1 | |
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|