使用CSS3设置页面加载时元素不透明度的动画

使用CSS 3，在加载包含元素的页面时，是否可以将元素的不透明度从0设置为1？可能有1到2秒的延迟…

CSS不知道加载事件。你应该看看这个

---

或者，既然您打算添加一些JS，为什么不添加呢？在我看来，这将为您提供更好的跨浏览器解决方案。

CSS不知道加载事件。你应该看看这个

或者，既然您打算添加一些JS，为什么不添加呢？在我看来，这将为您提供更好的跨浏览器解决方案。

正如spliter回答的那样

Jquery提供了管理不透明度的解决方案

比如说

$("#mydiv").css({ opacity: 0.5 }); 

上面的代码可用于将不透明度设置为50%…（这是Jquery）

或

您可以使用.fadeTo（）属性（jquery的）来启用页面加载事件的不透明度

有关完整详细信息，请访问。。。正如spliter回答的那样，Jquery非常容易学习

Jquery提供了管理不透明度的解决方案

比如说

$("#mydiv").css({ opacity: 0.5 }); 

上面的代码可用于将不透明度设置为50%…（这是Jquery）

或

您可以使用.fadeTo（）属性（jquery的）来启用页面加载事件的不透明度

---

有关完整详细信息，请访问。。。Jquery非常容易学习

您可以使用以下代码：

$(function(){
                    $('#spe').hover(function(){

                        $(this).css("opacity","0.50");
                        $(this).animate({top:"80px"},500);
                    },function(){
                        $(this).css("opacity","0.3");
                        $(this).animate({top:"126px"},500);
                    });
                });

---

或者您可以在动画方法中使用不透明度。

您可以使用以下代码：

$(function(){
                    $('#spe').hover(function(){

                        $(this).css("opacity","0.50");
                        $(this).animate({top:"80px"},500);
                    },function(){
                        $(this).css("opacity","0.3");
                        $(this).animate({top:"126px"},500);
                    });
                });

---

或者您可以在动画方法中使用不透明度。

这似乎不可能；因此，我会选择Jquery或类似的东西；因此，我会选择Jquery或类似的东西。