mirror of
https://github.com/flynx/ImageGrid.git
synced 2025-10-29 18:30:09 +00:00
35 lines
977 B
HTML
35 lines
977 B
HTML
|
<html>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
div {
|
||
|
|
margin: 50px;
|
||
|
|
}
|
||
|
|
div:first-child {
|
||
|
|
margin-bottom: 50px;
|
||
|
|
}
|
||
|
|
.css-size {
|
||
|
|
height: 200px;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<!-- these will produce quite different quality results -->
|
||
|
|
<img src="img-100px.jpg" style="-webkit-transform: scale(2); -webkit-filter: invert(1)">
|
||
|
|
<img src="img-100px.jpg" height="200" style="-webkit-filter: invert(1)">
|
||
|
|
<img src="img-100px.jpg" class="css-size" style="-webkit-filter: invert(1)">
|
||
|
|
<img src="img-100px.jpg" height="50" style="-webkit-transform: scale(4); -webkit-filter: invert(1)">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<!-- these will produce virtually identical results -->
|
||
|
|
<img src="img-100px.jpg" style="-webkit-transform: scale(2)">
|
||
|
|
<img src="img-100px.jpg" height="200" style="-webkit-transform: scale(1)">
|
||
|
|
<img src="img-100px.jpg" class="css-size" style="-webkit-transform: scale(1)">
|
||
|
|
<img src="img-100px.jpg" height="50" style="-webkit-transform: scale(4)">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|