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

Unified Diff: third_party/WebKit/ManualTests/win/milliondollar.html

Issue 2715113003: CSS manual tests: reduce usage of webkit prefix (Closed)
Patch Set: Created 3 years, 10 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
« no previous file with comments | « third_party/WebKit/ManualTests/transitions.html ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/ManualTests/win/milliondollar.html
diff --git a/third_party/WebKit/ManualTests/win/milliondollar.html b/third_party/WebKit/ManualTests/win/milliondollar.html
index e18baf94bea836a597d0ceef4ba07913419f92d8..565563e73b0158acaef084561648632c55c764a8 100644
--- a/third_party/WebKit/ManualTests/win/milliondollar.html
+++ b/third_party/WebKit/ManualTests/win/milliondollar.html
@@ -12,9 +12,9 @@
.grid {height: 1000px; width:1000px; position:relative;z-index:153;xoverflow:hidden;}
.row {background:url(100grid_inv.png) #000;height: 100px; text-align: left; position:relative;width:1000px;z-index:10;}
#lq {width:1000px;position:relative;z-index:0;text-align:left;}
- .bz {-webkit-perspective: 1500;-webkit-perspective-origin: 50% 325px;}
- .fc {-webkit-transform-style: preserve-3d;transform: rotateY(0deg) ;opacity: 1.0;}
- @-webkit-keyframes spin_3d {
+ .bz {perspective: 1500px;perspective-origin: 50% 325px;}
+ .fc {transform-style: preserve-3d;transform: rotateY(0deg) ;opacity: 1.0;}
+ @keyframes spin_3d {
0% { transform: rotateY(0) rotateZ(0); }
33% { transform: rotateY(-20deg) rotateZ(-20deg); }
65% { transform: rotateY(20deg) rotateZ(20deg); }
@@ -25,7 +25,7 @@
position: absolute;
opacity:0.5;
background-repeat:no-repeat;
- -webkit-transition: -webkit-transform 0.3s, opacity 0s;-webkit-backface-visibility: visible;}
+ transition: transform 0.3s, opacity 0s;-webkit-backface-visibility: visible;}
</style>
<script type="text/javascript">
@@ -113,7 +113,7 @@ function loadBlocks() {
return "<div class='a_cube'><div class='plane one' style='background-color: red;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane two' style='background-color: blue;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateX(180deg) rotateZ(-90deg) translateX(0px) translateY(-"+(dw/2)+"px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane three' style='background-color: green;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateX(-90deg) translateX(0px) translateZ("+(dw/2)+"px) translateY(-"+(dw/2)+"px);position:absolute;'></div><div class='plane four' style='background-color: yellow;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(90deg) rotateX(90deg) rotateZ(-90deg) translateY(-"+(dw/2)+"px) translateX(0px) translateZ("+(dw/2)+"px) translateY(0px);position:absolute;'></div><div class='plane five' style='background-color: gray;height:"+dw+"px;width:"+dw+"px;top:"+y1+"px;left:"+x1+"px;transform:rotateY(0deg) translateX(0px) translateZ("+(dw)+"px) translateY(0px);position:absolute;'></div></div>";
}
- document.getElementById("grid").style.webkitAnimation = "spin_3d 36s infinite linear";
+ document.getElementById("grid").style.animation = "spin_3d 36s infinite linear";
};
</script>
« no previous file with comments | « third_party/WebKit/ManualTests/transitions.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698