Attachment 347296 Details for Bug 141789 – Reduction

Reduction

bug141789.html (text/html), 781 bytes, created by Ryosuke Niwa on 2018-08-16 13:30:30 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Ryosuke Niwa

Created: 2018-08-16 13:30:30 PDT

Size: 781 bytes

patch

obsolete

<!DOCTYPE html>
<html>
<body>
<style>
span {
    color: red;
    border: solid 1px black;
    padding: 1rem;
    background-size: 0 0;
    background-image: url('https://svn.webkit.org/repository/webkit/trunk/LayoutTests/svg/as-image/resources/100px-green-rect.svg');
    background-position: left top;
    background-repeat: no-repeat;
    transition: background-size 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

input[type="checkbox"]:checked + span {
    color: green;
    background-size: 200% 200%;
}

</style>
<div><input type="checkbox"><span>X</span></div>
<script>
const checkbox = document.querySelector('input');
checkbox.checked = true;
for (let i = 0; i < 10; i++) {
    setTimeout(() => checkbox.checked = !checkbox.checked, i * 100);
}
</script>
</body>
</html>

Actions: View

Attachments on bug 141789: 347296 | 347298