Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(89)

Unified Diff: LayoutTests/transitions/unprefixed-transform-origin.html

Issue 98663004: Add support for unprefixed CSS Transforms (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebase. Created 6 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/transitions/unprefixed-transform-origin.html
diff --git a/LayoutTests/transitions/unprefixed-transform-origin.html b/LayoutTests/transitions/unprefixed-transform-origin.html
new file mode 100644
index 0000000000000000000000000000000000000000..b1f603ee86e26e0e7e564cacef0b714e34e721cd
--- /dev/null
+++ b/LayoutTests/transitions/unprefixed-transform-origin.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<div class="target">all 10ms</div><br>
+<div class="target">transform-origin 10ms</div><br>
+<div class="target">-webkit-transform-origin 10ms</div><br>
+<div class="target">-webkit-transform-origin-x 10ms</div><br>
+<div class="target">-webkit-transform-origin-y 10ms</div><br>
+<div class="target">-webkit-transform-origin-z 10ms</div><br>
+<script>
+if (window.testRunner) {
+ testRunner.dumpAsText();
+ testRunner.waitUntilDone();
+}
+
+document.addEventListener('transitionend', function(e) {
+ var result = document.createElement('div');
+ result.textContent = 'fired transitionend with propertyName: ' + e.propertyName;
+ e.target.appendChild(result);
+ if (window.testRunner) {
+ // All events should be fired by next frame.
+ requestAnimationFrame(function() {
+ testRunner.notifyDone();
+ });
+ }
+});
+
+onload = function() {
+ var targets = document.querySelectorAll('.target');
+ for (var i = 0; i < targets.length; i++) {
+ targets[i].offsetTop;
+ targets[i].style.transition = targets[i].textContent;
+ targets[i].style.webkitTransformOriginX = '10px';
+ targets[i].style.webkitTransformOriginY = '10px';
+ targets[i].style.webkitTransformOriginZ = '10px';
+ targets[i].style.transformOrigin = '10px 10px 10px';
+ }
+};
+</script>

Powered by Google App Engine
This is Rietveld 408576698