Tue, 2015-05-12 09:30
saw the below in a CSS component source code :
@media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
what does the line ::
@media all and (transform-3d), (-webkit-transform-3d)
mean and is that valid css ??
Thank you.
Gautam.
Thu, 2015-05-14 18:55
#1
Hi gautamz07, Yes it is valid
Hi gautamz07,
Yes it is valid but probably still poorly supported.
It is checking for css 3d transform support.
http://www.quirksmode.org/css/tests/mediaqueries/animation.html
Fri, 2015-05-15 15:08
#2
Tony ! thanks
Thanks alot tony , that was of great Help ! .
Sat, 2015-05-16 12:15
#3
One more question ::
is the below media query ::
@media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { } }
equal to ::
@media all and (transform-3d) { .carousel-inner > .item { } } @media all and (-webkit-transform-3d) { .carousel-inner > .item { } }
Thanks ! .
Sun, 2015-05-17 00:50
#4
Yes they look equal.
Yes they look equal.