Fatal编程技术网
  • css/
  • css3中的转换应该是什么

css3中的转换应该是什么

css flash less

css3中的转换应该是什么,css,flash,less,compass-sass,Css,Flash,Less,Compass Sass,不可能转换背景图像，转换只能转换具有隐式或显式数字比例的属性；例如，宽度、高度、不透明度等属性 这与无法转换到或从显示：none的原因相同，因为存在两种状态（可见和不可见），这两种状态之间没有可能的过渡步骤 如果要在一个背景图像和另一个背景图像之间转换，需要在同一空间中堆叠多个元素，然后使用CSS转换或动画淡入/淡出包含该背景图像的元素 或者，您可以转换背景图像位置属性以给人一种旋转木马的印象，例如，因为此属性使用CSS长度单位，当然可以平滑转换。$（'body'）.animate（{opaci

不可能转换背景图像，转换只能转换具有隐式或显式数字比例的属性；例如，
宽度
、
高度
、
不透明度
等属性

这与无法转换到或从
显示：none
的原因相同，因为存在两种状态（可见和不可见），这两种状态之间没有可能的过渡步骤

如果要在一个背景图像和另一个背景图像之间转换，需要在同一空间中堆叠多个元素，然后使用CSS转换或动画淡入/淡出包含该背景图像的元素

或者，您可以转换
背景图像位置
属性以给人一种旋转木马的印象，例如，因为此属性使用CSS长度单位，当然可以平滑转换。

$（'body'）.animate（{opacity:0}，'slow'，function（）{$（this）.CSS({'background image'：'url（\''+jsondata.imageurl+'\''）}.animate（{opacity:1}）；}）；我可以，但除非你能清楚地解释你想要的结果——理想情况下，提供相关的HTML——否则很难更正你提供的代码。好吧……我在给定的链接中看到了……当我从一个链接切换到另一个链接时，会有一个黑色的过渡。这就像溶解效果一样酷 
<html>
   <head>
      <style>
         <!-- Need help in this css for transition of background-image -->
          body{
              -webkit-transition:background-image 5s ease-in-out;
              -moz-transition:background-image 5s ease-in-out;
              -o-transition:background-image 5s ease-in-out;
              -ms-transition:background-image 5s ease-in-out;
               transition:background-image 5s ease-in-out;
            }
      </style>
    </head>
 <body>
</body>
</html>

   $('body').
        animate({ opacity: 0 }, 
                   'slow', 
                    function () {
                        $(this).css(
                           { 'background-image': 
                             'url(\''+jdata.imageurl+  '\')'    }).animate({ opacity: 1 });
                     });