Blitz - WPT: webkit-transform-valid.tentative.html

wpt / css / css-transforms / parsing / webkit-transform-valid.tentative.html

Data from commit:
7727414 ci: report WPT subtest changes in the PR description (#826) (2026-09-02)

Subtest	Status	Message
e.style['-webkit-transform'] = "initial" should set the property value	PASS
e.style['-webkit-transform'] = "inherit" should set the property value	PASS
e.style['-webkit-transform'] = "unset" should set the property value	PASS
e.style['-webkit-transform'] = "revert" should set the property value	PASS
e.style['-webkit-transform'] = "revert-layer" should set the property value	PASS
e.style['-webkit-transform'] = "perspective(1000)" should set the property value	PASS
e.style['-webkit-transform'] = "perspective(25)" should set the property value	PASS
e.style['-webkit-transform'] = "perspective(12px)" should set the property value	PASS
e.style['-webkit-transform'] = "perspective(3.5em)" should set the property value	PASS

Enable JavaScript in test iframe

/css/css-transforms/parsing/webkit-transform-valid.tentative.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Compatibility: parsing -webkit-transform with valid values</title>
<link rel="help" href="https://compat.spec.whatwg.org/#propdef--webkit-transform">
<link rel="help" href="https://github.com/whatwg/compat/issues/100">
<meta name="assert" content="-webkit-transform additionally supports the function call 'perspective([ <number [0,∞]> ])' in '<transform-list>'">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_valid_value("-webkit-transform", "initial");
test_valid_value("-webkit-transform", "inherit");
test_valid_value("-webkit-transform", "unset");
test_valid_value("-webkit-transform", "revert");
test_valid_value("-webkit-transform", "revert-layer");

test_valid_value("-webkit-transform", "perspective(1000)", "perspective(1000px)");
test_valid_value("-webkit-transform", "perspective(25)", "perspective(25px)");
test_valid_value("-webkit-transform", "perspective(12px)");
test_valid_value("-webkit-transform", "perspective(3.5em)");
</script>
</body>
</html>