Skip to content

Commit

Permalink
CSS transform for non-Webkit browsers
Browse files Browse the repository at this point in the history
  • Loading branch information
evoyy committed Jan 26, 2016
1 parent 1a0a069 commit aac1841
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 0 deletions.
3 changes: 3 additions & 0 deletions examples/basic/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -11,10 +11,12 @@

.ReactModal__Content {
-webkit-transform: scale(0.5) rotateX(-30deg);
transform: scale(0.5) rotateX(-30deg);
}

.ReactModal__Content--after-open {
-webkit-transform: scale(1) rotateX(0deg);
transform: scale(1) rotateX(0deg);
transition: all 150ms ease-in;
}

Expand All @@ -24,5 +26,6 @@

.ReactModal__Content--before-close {
-webkit-transform: scale(0.5) rotateX(30deg);
transform: scale(0.5) rotateX(30deg);
transition: all 150ms ease-in;
}
3 changes: 3 additions & 0 deletions examples/bootstrap/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,12 @@

.ReactModal__Content {
-webkit-transform: scale(0.5) rotateX(-30deg);
transform: scale(0.5) rotateX(-30deg);
}

.ReactModal__Content--after-open {
-webkit-transform: scale(1) rotateX(0deg);
transform: scale(1) rotateX(0deg);
transition: all 150ms ease-in;
}

Expand All @@ -27,6 +29,7 @@

.ReactModal__Content--before-close {
-webkit-transform: scale(0.5) rotateX(30deg);
transform: scale(0.5) rotateX(30deg);
transition: all 150ms ease-in;
}

Expand Down

0 comments on commit aac1841

Please sign in to comment.