Skip to content

Commit d8f9a95

Browse files
committed
additional vendor prefixes
1 parent b360d4c commit d8f9a95

File tree

2 files changed

+16
-0
lines changed

2 files changed

+16
-0
lines changed

_posts/demos/0001-05-01-blur-filter.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,8 @@
4444
* @see jankfree.org
4545
*/
4646
-webkit-transition: -webkit-filter .05s linear;
47+
-moz-transition: -moz-filter .05s linear;
48+
transition: filter .05s linear;
4749
}
4850
div.layer span {
4951
display: block;
@@ -57,20 +59,26 @@
5759
height: 200px;
5860
top: 180px;
5961
-webkit-transform: translateX(300px);
62+
-moz-transform: translateX(300px);
63+
transform: translateX(300px);
6064
z-index: 1;
6165
}
6266
div.middle {
6367
width: 580px;
6468
height: 240px;
6569
top: 280px;
6670
-webkit-transform: translateX(200px);
71+
-moz-transform: translateX(200px);
72+
transform: translateX(200px);
6773
z-index: 2;
6874
}
6975
div.front {
7076
width: 720px;
7177
height: 280px;
7278
top: 420px;
7379
-webkit-transform: translateX(100px);
80+
-moz-transform: translateX(100px);
81+
transform: translateX(100px);
7482
z-index: 3;
7583
}
7684
</style>

_site/blur-filter/index.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,8 @@
3838
* @see jankfree.org
3939
*/
4040
-webkit-transition: -webkit-filter .05s linear;
41+
-moz-transition: -moz-filter .05s linear;
42+
transition: filter .05s linear;
4143
}
4244
div.layer span {
4345
display: block;
@@ -51,20 +53,26 @@
5153
height: 200px;
5254
top: 180px;
5355
-webkit-transform: translateX(300px);
56+
-moz-transform: translateX(300px);
57+
transform: translateX(300px);
5458
z-index: 1;
5559
}
5660
div.middle {
5761
width: 580px;
5862
height: 240px;
5963
top: 280px;
6064
-webkit-transform: translateX(200px);
65+
-moz-transform: translateX(200px);
66+
transform: translateX(200px);
6167
z-index: 2;
6268
}
6369
div.front {
6470
width: 720px;
6571
height: 280px;
6672
top: 420px;
6773
-webkit-transform: translateX(100px);
74+
-moz-transform: translateX(100px);
75+
transform: translateX(100px);
6876
z-index: 3;
6977
}
7078
</style>

0 commit comments

Comments
 (0)