| OLD | NEW |
| 1 <style> | 1 <style> |
| 2 img { | 2 img { |
| 3 margin: 10px; | 3 margin: 10px; |
| 4 -webkit-transform:translateZ(0); | 4 transform:translateZ(0); |
| 5 } | 5 } |
| 6 </style> | 6 </style> |
| 7 <img style="-webkit-filter: sepia() saturate(3) hue-rotate(180deg)" src="resourc
es/reference.png"> | 7 <img style="-webkit-filter: sepia() saturate(3) hue-rotate(180deg)" src="resourc
es/reference.png"> |
| 8 <img style="-webkit-filter: saturate(3) hue-rotate(90deg)" src="resources/refere
nce.png"> | 8 <img style="-webkit-filter: saturate(3) hue-rotate(90deg)" src="resources/refere
nce.png"> |
| 9 <img style="-webkit-filter: grayscale() blur(3px)" src="resources/reference.png"
> | 9 <img style="-webkit-filter: grayscale() blur(3px)" src="resources/reference.png"
> |
| 10 <img style="-webkit-filter: blur(3px) hue-rotate(-90deg) sepia()" src="resources
/reference.png"> | 10 <img style="-webkit-filter: blur(3px) hue-rotate(-90deg) sepia()" src="resources
/reference.png"> |
| 11 <img style="-webkit-filter: blur(3px) opacity(0.5) hue-rotate(-90deg) sepia()" s
rc="resources/reference.png"> | 11 <img style="-webkit-filter: blur(3px) opacity(0.5) hue-rotate(-90deg) sepia()" s
rc="resources/reference.png"> |
| 12 <img style="-webkit-filter: blur(3px) brightness(1.2) contrast(2)" src="resource
s/reference.png"> | 12 <img style="-webkit-filter: blur(3px) brightness(1.2) contrast(2)" src="resource
s/reference.png"> |
| OLD | NEW |