From 7ca61ef7e1943ad127fc58807e9db9d648c29e4d Mon Sep 17 00:00:00 2001 From: Himanshu <74658643+digi-booster@users.noreply.github.com> Date: Mon, 13 Sep 2021 10:48:20 +0530 Subject: [PATCH 1/3] add cross browser support for image-set() css ref in alternative image formats example --- images/image-set-type.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/images/image-set-type.html b/images/image-set-type.html index 2ea04cdd..2d04ebfe 100644 --- a/images/image-set-type.html +++ b/images/image-set-type.html @@ -16,6 +16,9 @@ .box { + background-image: -webkit-image-set( + url("large-balloons.avif") type("image/avif"), + url("large-balloons.jpg") type("image/jpeg")); background-image: image-set( url("large-balloons.avif") type("image/avif"), url("large-balloons.jpg") type("image/jpeg")); @@ -46,4 +49,4 @@ - \ No newline at end of file + From 61a031165be2ed991e65907d88692c8a927c89d3 Mon Sep 17 00:00:00 2001 From: Himanshu <74658643+digi-booster@users.noreply.github.com> Date: Mon, 13 Sep 2021 13:42:25 +0530 Subject: [PATCH 2/3] Changes as suggested. --- images/image-set-type.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/images/image-set-type.html b/images/image-set-type.html index 2d04ebfe..4067a143 100644 --- a/images/image-set-type.html +++ b/images/image-set-type.html @@ -16,7 +16,7 @@ .box { - background-image: -webkit-image-set( + background-image: -webkit-image-set( url("large-balloons.avif") type("image/avif"), url("large-balloons.jpg") type("image/jpeg")); background-image: image-set( @@ -33,6 +33,9 @@ .box { + background-image: -webkit-image-set( + url("large-balloons.avif") type("image/avif"), + url("large-balloons.jpg") type("image/jpeg")); background-image: image-set( url("large-balloons.avif") type("image/avif"), url("large-balloons.jpg") type("image/jpeg")); From c485bbbdc75d8efdd734672a215ed0324b949923 Mon Sep 17 00:00:00 2001 From: Himanshu <74658643+digi-booster@users.noreply.github.com> Date: Sat, 25 Sep 2021 13:43:30 +0530 Subject: [PATCH 3/3] Update images/image-set-type.html --- images/image-set-type.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/image-set-type.html b/images/image-set-type.html index 4067a143..cd6728c8 100644 --- a/images/image-set-type.html +++ b/images/image-set-type.html @@ -31,7 +31,7 @@ <div class="box"></div> </section> - <textarea class="playable playable-css" style="height: 150px;"> + <textarea class="playable playable-css" style="height: 155px;"> .box { background-image: -webkit-image-set( url("large-balloons.avif") type("image/avif"),