1-1(2d).
backface-visibility:visible|hidden--- 默认参数visible，即元素翻转到180deg（背面），背面可见。而参数hidden则是元素翻转到180deg，背面不可见。在无3d透视的情况效果如下，请鼠标移入元素触发效果
backface-visibility:visible;
翻转后，背面默认可见
backface-visibility:hidden;
翻转后，背面设置隐藏（不可见）
中心线
1-1(3d).
backface-visibility:visible|hidden--- 默认参数visible，即元素翻转到180deg（背面），背面可见。而参数hidden则是元素翻转到180deg，背面不可见。在有3d透视的情况效果如下。
backface-visibility:visible;
翻转后，背面默认可见
backface-visibility:hidden;
翻转后，背面设置隐藏（不可见）
中心线
2-1(2d).
一个实例，两个层叠元素的翻转。在无3d透视的情况效果如下，请鼠标移入元素触发效果
我是正面元素
backface-visibility:visible;
翻转后，背面默认可见
我是反面元素
backface-visibility:visible;
翻转后，背面默认可见
我是正面元素
backface-visibility:hidden;
翻转后，背面设置隐藏（不可见）
我是反面元素
backface-visibility:hidden;
翻转后，背面设置隐藏（不可见）
中心线
2-2(3d).
一个实例，两个层叠元素的翻转。在有3d透视的情况效果如下，请鼠标移入元素触发效果
我是正面元素
backface-visibility:visible;
翻转后，背面默认可见
我是反面元素
backface-visibility:visible;
翻转后，背面默认可见
我是正面元素
backface-visibility:hidden;
翻转后，背面设置隐藏（不可见）
我是反面元素
backface-visibility:hidden;
翻转后，背面设置隐藏（不可见）
中心线