Skip to content

Instantly share code, notes, and snippets.

@grav

grav/dropshadow.html

Last active April 2, 2020 12:07
Show Gist options
  • Save grav/fdcdffce7d6f8dfa986d857aa89c410e to your computer and use it in GitHub Desktop.
Save grav/fdcdffce7d6f8dfa986d857aa89c410e to your computer and use it in GitHub Desktop.
Download ZIP
Slow printing issue in Chromium
Raw
dropshadow.html
<html><head>
<style>
img {
filter: drop-shadow(0.1em 0.2em 0.3em)
}
</style>
</head>
<body><img src="https://www.w3schools.com/html/pic_trulli.jpg">
<img src="https://www.w3schools.com/html/img_girl.jpg">
<img src="https://www.w3schools.com/html/img_chania.jpg">
<img src="https://www.w3schools.com/w3css/img_lights.jpg">
<img src="https://www.w3schools.com/w3css/img_forest.jpg">
<img src="https://www.w3schools.com/w3css/img_mountains.jpg">
<img src="https://www.w3schools.com/w3css/img_nature.jpg">
</body></html>
Raw
logos.html
<html>
<body></body>
</html>
<script>
var imgs = ["https://pitch-assets.imgix.net/0cb01605-7923-46f5-8155-3965d2a77ef7?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/52a1875b-9f0b-4cac-b851-f0917e382923?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/187349dd-38c6-471f-8290-28c503b6c332?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/daef05b3-423e-41cf-8542-629a30ab89cd?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/345c1638-28d8-46e8-b78f-04692fcfa833?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/e713d36a-56b0-4736-b865-daef90016c39?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/9031f2c9-07b8-4fb1-a8b1-1e1cec6adeda?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/f362ebf1-5ff3-4f9a-89b6-52577356eb58?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/3b660f64-8799-4cd7-a76e-b082dae2c1e8?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/0b9293bf-0b99-4fd1-8ffa-4c79d0594e56?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/9f5e20e8-8f7c-4825-963e-c0d540e1a804?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/dc6f1207-816d-48d8-bc20-a978b6b58bd1?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/4f0144b9-e619-4974-a74e-2028bd1f4466?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/9a3c686d-eb9a-431c-982a-b628568299bf?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/69ab82c9-e74f-4831-8a41-18802bfcea55?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/c0b80f74-53f7-4b68-a360-879a1f0ea034?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/0779b94b-a5dd-4b0b-9e84-df561a65ff88?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/762d4fd6-6c2e-4ec1-ab90-d595110ba1d3?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/37324c20-a6f2-41f8-bdff-abd3171c8327?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/a9542339-ba4e-485b-8f94-410bc3bcff23?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/32f8ccec-c7dd-44b3-9e8a-36655bee4b43?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/863eb2a7-c21c-4ed8-ac7e-9d4ad4442142?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/d8030780-dc3a-4e22-b6b8-d88631a3267a?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/e7e6b4cb-e514-46af-ba79-71d563a3e9b8?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/95a8dd94-aa77-4fc5-bcb7-a5ffa6c52673?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/d29ae853-72ed-4ab0-9ae8-d0ea48e7621b?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/f5de7b42-6ddc-4bf4-b605-ee2f3b0d1007?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/bb857eed-9459-4b83-9624-bd0cc4df1172?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/566babb2-fb5b-40e2-afc6-0ecf0a1988c8?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/6e4f9362-8664-440b-a699-b3e112c4a639?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/ab1b918d-e28d-402f-8d16-c7c461049572?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/8e3ab5b3-bc06-445d-babd-b239e5973f54?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/a9d70a98-156f-4552-95f2-d0706275cce5?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/3fc6ad77-25d1-4a77-9033-a9def00cdfe8?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/882abfaf-b9bf-4522-a977-166523d570e9?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1",
"https://pitch-assets.imgix.net/1165bcf1-3fc8-4f0a-8209-158a0d3e9402?w=2000&h=2000&fit=max&auto=format%2Ccompress&frame=1"];
var s0 = "";
var s1 = "filter: drop-shadow(0.1em 0.2em 0.3em)";
var s2 = "-webkit-filter: invert(0)"
document.body.innerHTML=imgs.map(i=>"<img src=\""+i+"\" style=\""+ s1 + "\">").join("")
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment