rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

WebKit CSS3 carousel transforms for supported devices

Browse Source
This commit is contained in:
Hayden Bleasel 2014-03-15 17:56:24 +11:00
parent 6d882a6420
commit da044d9c69
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
less/carousel.less
View File

@ -230,3 +230,26 @@
bottom: 20px; bottom: 20px;
} }
} }
// WebKit CSS3 transforms for supported devices
@media all and (-webkit-transform-3d) {
.carousel {
.item {
-webkit-transition: 0.6s -webkit-transform ease-in-out;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
&.next, &.active.right {
-webkit-transform: translate3d(100%,0,0);
left: 0;
}
&.prev, &.active.left {
-webkit-transform: translate3d(-100%,0,0);
left: 0;
}
&.next.left, &.prev.right, &.active {
-webkit-transform: translate3d(0%,0,0);
left: 0;
}
}
}
}