thedude
Well-known member
Using an @supports condition to test for browser transform support, XF will change a CSS template from
to the following, in its final outputted form:
Code:
@supports (transform: scale(0)) {
#xyz {
transition: .3s cubic-bezier(.4,.2,.5,1.4);
}
}
Code:
@supports (-webkit-transform: scale(0)) {
#xyz {
transition: .3s cubic-bezier(.4,.2,.5,1.4); -moz-transform: scale(0)) {
#xyz {
transition: .3s cubic-bezier(.4,.2,.5,1.4); -o-transform: scale(0)) {
#xyz {
transition: .3s cubic-bezier(.4,.2,.5,1.4); -ms-transform: scale(0)) {
#xyz {
transition: .3s cubic-bezier(.4,.2,.5,1.4);transform: scale(0)) {
#xyz {
transition: .3s cubic-bezier(.4,.2,.5,1.4);
}
}