Css转换和setTimeout
CSS转换是一种用于修改元素外观的技术，通过改变元素的形状、大小、位置、旋转、倾斜等属性来实现视觉效果的变化。通过CSS转换，我们可以实现元素的动画、过渡效果和交互效果，增强用户体验。
CSS转换可以分为两种类型：2D转换和3D转换。
- 2D转换：
- 概念：2D转换是指在二维平面上对元素进行变换的技术，包括平移、缩放、旋转和倾斜。
- 优势：2D转换可以通过简单的CSS代码实现动画效果，提升用户体验。
- 应用场景：2D转换常用于网页动画、轮播图、菜单切换等场景。
- 推荐的腾讯云相关产品和产品介绍链接地址：腾讯云静态网站托管（https://cloud.tencent.com/product/cdn-static?_blank）
- 3D转换：
- 概念：3D转换是指在三维空间中对元素进行变换的技术，可以改变元素的形状、大小、位置和角度。
- 优势：3D转换可以创建逼真的三维效果，增强用户的沉浸感。
- 应用场景：3D转换常用于虚拟现实、游戏开发、产品展示等场景。
- 推荐的腾讯云相关产品和产品介绍链接地址：腾讯云云服务器（https://cloud.tencent.com/product/cvm?_blank）
setTimeout是JavaScript中的一个定时器函数，用于延迟执行指定的函数或一段代码。它接受两个参数：回调函数和延迟时间（以毫秒为单位）。
- 概念：setTimeout是一种在指定时间后执行一段代码的方法。
- 优势：可以控制代码的执行时间，实现延迟执行效果。
- 应用场景：setTimeout常用于实现动态效果、定时任务等场景。
- 推荐的腾讯云相关产品和产品介绍链接地址：腾讯云函数（https://cloud.tencent.com/product/scf?_blank）
总结：CSS转换是一种用于修改元素外观的技术，包括2D转换和3D转换。setTimeout是JavaScript中的定时器函数，用于延迟执行代码。这些技术可以通过腾讯云的相关产品实现各种动画效果、定时任务等功能。
相关·内容
3回答
新元素的css转换
、、、
我找不到在新创建的dom元素上使用css转换的方法。
假设我有一个空的html文档。
<body>
<p><a href="#" onclick="return f();">click</a></p>
</body>
我也有这个css
#id {
-moz-transition-property: opacity;
-moz-transition-duration: 5s;
opacity: 0;
}
#id.class {
opacity: 1;
浏览 3提问于2012-08-23得票数 38
回答已采纳
我正在建立一个网站使用一个html文件和操纵与javascript的内容。因此，某些操作会触发下一页的形成。在这种情况下，我目前在每个“页面”的底部都有一个按钮，它链接到下一个页面，现在我正在尝试将这些相同的功能集成到一个切换语句中，该语句可以在滚动上工作。然而，我不能让它工作。我还试图放入一个else if语句，即scroll is小于0，jquery加载前一个窗口。
var currentView = 'pageOne';
var display = $('.pageOne').css('display');
if (display == &
浏览 0提问于2017-11-25得票数 0
我正在尝试动画这个滚动功能，通过将平移y的值设置为100%，可以将链接转出屏幕。我面临的问题是，当我向上滚动时，我需要将100%重新设置为屏幕上更高的百分比，例如11%。我想从11%过渡到24%，但最终从100%直接到24%。有没有办法“重置”或者同时改变两个css？
<div id="container">
<div class="experiment" style="-webkit-transform:translate(0px,100%);"> test </div>
</div>
java
浏览 0提问于2013-07-10得票数 0
回答已采纳
1回答
SVG动态变换的鲁棒解
、、、、
显然，IE10不支持SVGs的CSS transform，只支持类似so ()的属性转换：
<svg><rect id="myrect" width="200" height="200"></rect></svg>
setTimeout(function()
{
var r = document.getElementById("myrect")
//works in IE
//r.setAttribute("transform","s
浏览 5提问于2013-09-18得票数 1
回答已采纳
我已经为一个绑定到.hover()的下拉菜单拼凑了一段代码，但不幸的是，setTimeout()上的延迟似乎不起作用，一旦鼠标从.button移动，它就会将#sub-nav的display属性设置为none。
Dreamweaver CS 5.5评估语法正确:(。
，这是我的代码：
function retract(){ $('#sub-nav').css('display', 'none'); }
$('#header-restrict > .button').hover( function() {
if($(th
浏览 2提问于2011-10-09得票数 0
回答已采纳
1回答
CSS过渡发生在动画集之前
、、、、
我有一个元素，我已经更改了它的样式(通过更改类或修改样式)。
然后，我希望添加一个过渡，以便以后的更改将是动画。
由于某些原因，当我在转换前设置样式时，样式仍然是动画的。这发生在最新版本的Firefox、Chrome和Safari中。
示例：
JS代码库是jQuery，但这无关紧要
$(function() {
$("#toggle").on({
click: function(e) {
// ## Change the class / style
// At this point, it shouldn't know that
浏览 2提问于2013-07-05得票数 0
回答已采纳
4回答
我有一个元素，我正在使用jquery/css3在滚动上旋转。问题是，当你滚动时，它会有点跳动，当你停止时，它会立即停止。我希望它能更流畅地播放旋转，从你开始滚动时开始，然后在你停止滚动后慢慢停止，而不是每次滚动轮移动时旋转一组度数。我的代码和链接如下：
(向下滚动到100%水果)
var angle = 1;
jQuery(window).scroll(function() {
jQuery(".rotate").css('-moz-transform', 'rotate('+angle+'deg)').css('
浏览 0提问于2012-04-17得票数 0
我有一个向外运行的动画菜单，但它在返回的路上被卡住了，第一个(#节-1)返回完美，但其他两个部分(#section2，& #section3)返回完美。有人能帮我吗？
$(function() {
var outTranslate = {
'-webkit-transform': 'translateX(-100%)',
'-moz-transform': 'translateX(-100%)',
'-ms-transform': 'trans
浏览 3提问于2015-05-26得票数 0
回答已采纳
5回答
在块中淡入淡出文本
、、、
我有一个块，其中的内容正在动态地被脚本更改，我希望该内容不会立即改变，而是淡出，然后随着新的内容淡入。我希望在没有jQuery的情况下做到这一点--纯JS和CSS。我正试图这样做:我已经在CSS中定义了透明和opacle类，并将转换设置为2，并且希望在内容变化时切换该类，以获得内容块。正如我所预期的，它应该平稳地淡出旧的内容和淡出新的内容。但事实上，内容只是瞬间改变。CSS：
.non-opacle {
opacity:0;
transition: opacity 2s linear;
}
.opacle {
opacity:1;
transition: opa
浏览 5提问于2015-05-11得票数 1
回答已采纳
3回答
我正在尝试使用translate3d：通过CSS3事务来为元素添加动画。
// for start animation
$("#content")
.css("-webkit-transition", "all 100s");
.css("-webkit-transform", "translate(0, -900px)");
// for stop animation
$("#content")
.css("-webkit-transition", "
浏览 5提问于2013-03-19得票数 2
如何按顺序激活CSS3转换？我正在尝试以下操作：
<script type="text/javascript">
var sample = $('<div style="text-align:center;">hello</div>');
sample.appendTo($('body'));
sample.css('transform', 'scale(1.0)');
sample.css('transition'
浏览 0提问于2014-04-05得票数 0
2回答
我必须使用css转换来更改它们的大小，这取决于所选选项卡的大小，此外，我还想根据它们是否被选中来更改它们的innerHtml :在这里，js代码在单击时更改选项卡：
var newTab = document.getElementById("newTab");
newTab.className = "nav-tab-right nav-tab-notSelected";
document.getElementById("tab-label-new").innerHTML = "New";
浏览 0提问于2013-11-15得票数 0
回答已采纳
1回答
我正在尝试使用jQuery和CSS3动画一个div对象。但我有一种奇怪的行为。效果只适用于铬调试模式。这是代码
var $s = $('#animateMePlease');
$s.css('transition-duration', 0+'ms');
$s.css({
opacity:0,
display:'block'
});
// debugger; // only works when i stop once code execution here, and release again
$s.css('transi
浏览 3提问于2014-07-06得票数 1
回答已采纳
2回答
由于某种原因，当试图同时动画两个元素(基于最大高度)，转换总是一次一个，第一个元素，当它完成它的转换时，另一个元素开始它的转换。请看这个例子，我在js的基础上看到了这个现象。
setTimeout(function () {
$(".b").css("max-height", "500px");
}, 500);
setTimeout(function () {
$(".b").css("max-height", "0");
$(".c").css("
浏览 6提问于2015-09-30得票数 1
2回答
旋转图像2次
、、、
关于如何旋转图像有几个问题，但是我想要一个像动画一样的旋转。被一个
事件(点击)我想旋转一个图像的-5度然后用5度，但如果我写这两个旋转在
相同的函数(或均衡器)，第一个旋转不出现，只有第二个是可见的。
$("#imgdiv").on('taphold', function(e){
//$("#imageID").addClass("swing animated");
$("#imageID").css({"transition-property":"transform
浏览 3提问于2014-08-26得票数 4
回答已采纳
1回答
我以前曾问过一个问题:如何用JavaScript & setTimeout ()触发CSS转换。这个问题是想获得更多关于这方面的信息。
我有一个函数来改变内容，并在一个副刊p#test中消失。
function test() {
var done=false;
var p=document.querySelector('p#test');
window.setInterval(doit,4000);
var data=0;
function doit() {
p.removeAttribute('on&#
浏览 3提问于2016-09-27得票数 2
1回答
当通过JavaScript将overflow: hidden添加到<body>标记时，CSS转换在FireFox中停止工作。(至少在OSX10.9.5上运行的FF32.0.3上)
通过JavaScript添加溢出时，CSS转换不会触发：
在不添加溢出的情况下，CSS转换可以正常工作：
我怎样才能让第一个例子起作用？我需要维护<body>标记上的overflow: hidden。
浏览 0提问于2014-10-08得票数 0
我在iOS 5上创建一个带有滚动元素的翻盖卡时遇到了问题，它的两边都有HTML、CSS和。
如果在翻转或不翻转卡片时滚动，则滚动总是发生在背面的元素上。滚动从不会在前面起作用。
我有以下代码：
<ol id="front" onclick="flip();">
<li>Front</li>
...
<li>Front</li>
</ol>
<ol id="back" class="flipped" onclick="flip();&
浏览 3提问于2011-11-30得票数 4
1回答
我正在尝试实现旋转的jQuery横幅，在这里找到：
进入我的网站。所有的代码都是布局好的，你可能会认为这是愚蠢的证据，但我对如何将语言连接到另一种语言上没有把握。
我现在对PHP、CSS和HTML很在行，但是我和javaSCRIPT似乎没有点击。
我将HTML复制到适当位置的文件中，复制CSS，并将函数复制到js/scripts.js文件中。
这就是我的scripts.js文件的样子：
var site = function() {
this.navLi = $('#nav li').children('ul').hide().end();
th
浏览 1提问于2013-08-10得票数 0
回答已采纳
2回答
我正在使用下面的代码尝试将一个id='block‘的简单div元素向下移动一个页面。但是使用alerts，我看到我的move函数在第二次调用时使css top值从0跳到1.78957e+7px：
function init()
{
var block = $('#block');
block.css( {backgroundColor:'#ff0000',
position:'absolute',
top:'0px',
left
浏览 1提问于2012-03-20得票数 0
回答已采纳
我正在努力让CSS过渡到动画。我正在插入新的CSS，我希望它与jQuery之间的动画。
第一次加载页面时，文本上有以下转换语句：
#typer-expertise span{transition:color 1s ease-in;}
然后使用jQuery触发并插入以下代码：
Line 46: $('#'+outputIDName+' span').css('color','#e61873');
从而将文本的颜色更改为#e61873
但是，我曾期望使用CSS中元素上设置的transition来实现对属性color的这种更改。但
浏览 2提问于2015-06-09得票数 0
2回答
延迟转换持续时间的函数
、、、
在等待css3转换结束时，如何使此脚本延迟350毫秒？
<script type="text/javascript">
$(document).ready(function() {
var last = "";
$("#thumbs a").click(function() {
event.preventDefault();
var graphic = $(this).attr("href&#
浏览 1提问于2011-08-18得票数 2
回答已采纳
编辑：，所以现在它不是随机的，看起来它总是无法从.css()方法执行(没有做任何更改)。但还是不明白我可能犯的错误。
我试图用jQuery和animate.css动画化删除div。
问题是这个动画所依赖的事件和操作实际上是随机执行的。
此代码是响应click在.on("click"...处理程序中运行的：
$('section').on('click', 'button', function() {
// Remove the selected card
$(this).closest('.mdl-card&
浏览 3提问于2017-01-06得票数 6
回答已采纳
2回答
我的页面转换不起作用
、、、
我正在尝试使用css动画创建一个完整的页面过渡。我走到了一个十字路口。我在我的链接上放置了一个类，并使用JQuery调用它，然后将css类应用于页面以激活转换。现在，当我指定新的窗口位置时，它想要覆盖动画。这就像我可以有一个或另一个，不能两个都有，至少不是我怎么做的anyway...any提示？
下面是代码
$(document).ready(function() {
var linkLocation
$("a.transition").click(function(event){
event.preventDefault();
li
浏览 0提问于2014-07-25得票数 1
2回答
我正在建立一个使用javascript和CSS的背景图像幻灯片。我需要它来放大图像，缩小和切换图像。我有三个函数，但它们不能正常工作。我尝试用设定的时间间隔来循环这些函数，但它只在第一次时才能正常工作。为什么会发生这种情况？有没有更好的选择？
var i = 1
function zoomin(){
$(".bg").css("transform","scale(1.2)").css("transition", "6s")
setInterval(()=>zoomout(), 6000)
}
func
浏览 0提问于2020-07-31得票数 0
我只是想让弹出窗口淡出和淡入...
语义-ui-react似乎没有给你提供对转换的访问，这是做这件事的最好的方法……可以在上找到一个示例
以下是用于后代的示例组件：
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./styles.css";
import "semantic-ui-css/semantic.min.css";
import { Popup } from "semantic-ui-rea
浏览 5提问于2018-06-22得票数 1
1回答
假设我已经定义了带有left样式属性的块，并为该属性使用了transition：
<div id="caret" class="caret" style="left: 20px"></div>
.caret {
transition: left 0.3s;
}
好吧，当我通过left通过$.css()改变$.css()时，所有的东西都在完美地转换：
$('#caret').css('left', '100px');
但是，当我在DOM中将块从一个位置移动到另一个位置
浏览 2提问于2013-02-21得票数 2
1回答
如何确保这个CSS转换动画
、、、、
我有一个使用剔除和jquery构建的图像旋转木马。为了动画幻灯片，我非常想使用CSS转换，而不是jquery动画。我几乎可以用了，但我有个问题。在下面的代码中，'slideRight‘部分不能工作，但是其他部分工作得很好。正在发生的是向边距-左0的转换被跳过，即使已经添加了转换类。
if (slideRight) {
$(requestedElement).insertBefore(currentElement);
slideContainer.css('margin-left', -$(self.carousel).width());
slid
浏览 4提问于2014-08-18得票数 3
回答已采纳
我有非常具体的动画，我不能以我想要的方式再现它。 我需要模拟变换，旋转动画的按钮点击，并在那之后，重置它，当html5视频结束时，它可以旋转回来。 <script>
$(document).ready(function() {
$('.card').css('background', '#646f80');
$('.cardFront').css('opacity', '1');
function reset() {
$('.card').addC
浏览 23提问于2019-08-27得票数 0
1回答
我是javascript和jquery的新手，我在这个小提琴上创建了一些函数，它只运行了一次，如何循环这个函数呢?？
$(document).ready(function() // function
{
$('.box').css({visibility:'hidden'});
setTimeout( function(){
$('.box-1').css({visibility:'visible'});
},300);
setTimeou
浏览 2提问于2015-03-16得票数 1
回答已采纳
2回答
所以，这里有一个奇怪的边缘情况：
如果使用jQuery将一个元素附加到DOM中，然后立即在其上调用addClass，则不会得到CSS转换。但是，如果对附件和position()调用之间的任何元素调用offset()、offset()、width()、css('left')或任何其他计算方法，则将得到CSS转换。
下面是一个演示(需要WebKit)：
我想充分理解为什么会发生这种情况(链接到jQuery源代码的额外积分)，并找出是否有解决办法。我有一个站点，我希望addClass调用以元素的位置为条件，但我不希望通常的CSS转换应用于新创建的元素。
浏览 4提问于2012-03-27得票数 2
4回答
我正在尝试创建一个淡出/淡入淡出效果与CSS3动画。这是我的CSS：
#buttonright, #buttonleft{
-webkit-transition:opacity 0.5s linear;
-moz-transition:opacity 0.5s linear;
-o-transition:opacity 0.5s linear;
-ms-transition:opacity 0.5s linear;
transition:opacity 0.5s linear;
}
和Javascript (我使用的是jquery)：
$('#buttonleft').css
浏览 3提问于2012-01-26得票数 3
回答已采纳
2回答
我试图在类.bot-dialog中添加一个“向左滑动”动画。这个类是动态生成的，我的setTimeout函数似乎并不公正。
我注意到的问题之一是，它并不只在键入指示符处于活动状态时才能工作。这是我的代码：
生成我的bot对话框
$("#conversation").html(
"<div class='bot-log'>" +
"<span class='bot'>Chatbot: </span>" +
"<s
浏览 0提问于2017-05-11得票数 2
回答已采纳
我正在尝试使用react和css创建一个过渡。我想在span中添加一个类来创建动画-参见下面的示例。
有人知道问题出在css还是我的javascript上吗？
class App extends React.Component {
state = {
class: null
};
componentDidMount() {
this.setState({
class: "active"
});
}
render() {
return (
<div className="progre
浏览 0提问于2018-07-31得票数 2
2回答
我有一个在设置滚动量后修复到页面顶部的标题，并希望在标题固定时对标题中的多个元素执行一组CSS转换：
标头高度从100 to缩小到60 to。
标题图标从50x50缩小到25x25。
标题字体从48 to缩小到36 to。
#1按预期工作，但当滚动目标被击中时，#2和#3会立即改变，而不是动画大小。
我正在添加/删除一个类.page-header-fixed来修复/取消修复头。
我在所有情况下都适用以下过渡：
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all
浏览 3提问于2014-08-20得票数 1
我有一个简短的基于css的动画，我想在链接出现之前播放它(在页面加载时突然出现的卡片在单击后会迅速弹出)。然而，目前名为的页面加载太快。我希望能够短暂地延迟href的被跟踪。
下面是我得到的信息：
$(document).ready(function() {
$("#card").css("top","0px");
$(".clickit").click(function() {
$("#card").css("top","-500");
})
浏览 0提问于2010-06-13得票数 6
回答已采纳
1回答
我在用反应模式来实现模式。当显示模式时，将转换设置为1s，然后使用css将不透明度从0更改为1。有了这一点，我想要实现一个动画，其中的模式显示缓慢。
问题是，这个动画作品的铬，第一狐狸，但不是在狩猎。当动画被激活时，有两个时间。你打开模态的那一刻和你关闭它的那一刻。在safari中，动画工作在关闭的时刻，但是动画在打开的时候似乎不工作。
有什么解决办法吗？
下面的URL是由一个开发人员编写的，这正是我想要做的。试着在旅行中打开它。
ModalWindow.js
import React from "react";
import Modal from "react-mo
浏览 1提问于2020-11-30得票数 0
回答已采纳
目前，我有一个正在运行的小提琴，当我向它添加一个类时，我试图让一个css3不透明度转换触发它。基本设置是单击一个按钮，然后通过jquery将div添加到dom中，在将该元素添加到dom中之后，再向其中添加一个类。向新的dom元素添加类本应启动我的转换，但事实并非如此，唯一发生的事情是该元素正在显示，但不透明转换不起作用。任何帮助都将不胜感激，我在这里留下了一个指向小提琴的链接 .And是的，我知道我可以只用jquery来淡入，但这只是一个实验，可能会被用来启动其他css转换，而不是不透明。
浏览 0提问于2011-10-10得票数 6
3回答
添加元素的位置绝对跃迁
、、、
所以我有一个问题:我把一个div附加到50 0px顶部的div中，然后尝试将动画动画到0px，但是即使div被移动到0%，动画也无法工作。
以下是非常简单的代码
<div id="toto"></div>
JS
$('#toto').append('<div id="test" class="test">test</div>');
$('#test').css('top', '0px');
CSS
#toto{
d
浏览 2提问于2017-01-26得票数 0
回答已采纳
delelement代码运行良好，但是我想在css动画完成后删除"delorean“元素，然后每次单击按钮时需要重新启动动画，如何使用我的"delelement”代码来实现这一点？谢谢。
function touchDelorean(event) {
event.preventDefault();
if (showDelorean == true) {
delorean();
}
}
function delorean() {
var image = document.createElement("img");
浏览 4提问于2016-01-11得票数 0
回答已采纳
我目前正在开发混合应用程序。(使用)在应用程序中，我在呈现webview时遇到了一些问题。
有带有html的列表和详细页面。当转换发生时，屏幕显示白色屏幕，前一页显示秒，白色屏幕，然后显示详细信息页。当我点击“后退”按钮时，它会变成同样的情况。
这是缓存问题还是硬件加速？
在应用程序服务期间，我将css文件从一个完整的文件中分离出来。还有css呈现问题，直到我在手机上做了“清除日期”，而不是“清除缓存”。CSS看起来一点也不像在页面上工作。
这是jquery手机的问题吗？或者这也是缓存问题吗？那么，当我做“清除缓存”而“清除数据”时，它为什么不起作用呢？如果我把这个放进
浏览 13提问于2015-04-24得票数 0
我有一个这样的div：
<div style="width: 0%;"></div>
在更改更多元素之前，我如何将width的css更改为100% (直到达到100%)？
例如：
$('div').css('width', '100%', function() {
$('div').css('color', 'red');
});
显然这不起作用，但我怎么才能让它起作用呢？
浏览 3提问于2014-03-13得票数 0
回答已采纳
4回答
在使用JavaScript和CSS转换时，我尝试在动态插入div之后，使用JavaScript和innerHTML删除一个CSS类。
我很惊讶地发现，与蓝色div的不透明度相关的CSS转换没有以我想要的方式触发(在Safari下工作，在Chrome下随机工作，在下不工作)。有人能解释一下这个现象吗？
我不知道为什么它的工作方式与它的红色div不同。也许我不知道浏览器是如何处理innerHTML的？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8&#
浏览 4提问于2016-03-04得票数 5
回答已采纳
5回答
我正在尝试重置一些css，但在点击后有延迟。由于某些原因，延迟似乎被忽略了。有什么想法吗？
$("#closeMe").live("click", function() {
$("#selectContainer").fadeOut( function() {
scrollerPos = 1
$(".scroller").delay(3000).css({"margin-left":"0px"});
$("#selectContaine
浏览 1提问于2010-12-22得票数 1
回答已采纳
由于某些原因，切换滑块消失的时间比按钮长，为什么会这样?我该如何修复它？我添加了大部分CSS，因为它可能与它有关，但我不知道。这可能与切换开关里面有东西有关，但我真的是个新手，不知道为什么会有延迟。只要所有的东西至少一次消失，我也许可以处理这种延迟。 const btn = document.getElementById('btn');
const toggle = document.getElementById('switch');
btn.addEventListener('click',function(){
btn.style
浏览 20提问于2021-10-14得票数 1
回答已采纳
1回答
我试着得到一个div，在3秒后改变颜色，在白色和黑色之间的过渡是一个淡出。
.score {
width: 40px;
background-color: #2d2c2c;
border: 4px #2d2c2c solid;
}
setTimeout(function() {
$('.score')
.css('background-color', '')
.css('background-color', '#2d2c2c');
.css('border', '4px #
浏览 0提问于2015-08-19得票数 0
回答已采纳
1回答
在这个页面上，我让我在页面底部有一个按钮，它必须变得更宽，然后在点击时向上移动。按钮到达新位置后，应该加载新内容。我已经发现了很多关于CSS转换的动画--悬停动画，但我想把它用作页面转换。如何在加载新页之前完成此转换？？我很乐意用尽可能小的JS来做这件事。谢谢你们！
浏览 2提问于2013-07-19得票数 0
3回答
我想知道是否可以使用css3转换，该元素正在向下滑动，仅次于另一个fadesIn。这里是小提琴，所以可能会使它更清楚;)
我喜欢这个#text在图像褪色后向下滑动，而不仅仅是跳下去;)
浏览 3提问于2014-02-11得票数 1
回答已采纳
我有一个标头，它的className会根据状态而变化。每个类都有不同的背景图像，在CSS中指定。一切都很好，但过渡相当突然，没有淡入效果。
我写道：
.jumbotron-img-1{
background-image: url("/images/myImg1.jpg");
transition: all 1s ease-in-out;
它是有效的，但它很丑陋。在图像以最终形式显示之前，图像会发生缩放和失真。我在Google上看了一些教程，但没有什么是简单的，并且在纯CSS或React中实现背景图像转换。
如有任何帮助，将不胜感激，谢谢！
浏览 3提问于2019-01-26得票数 2
2回答
我已经使用这段代码来移动特定的元素，并同时用transition: cubic-bezier积累CSS属性的value (例如：left)。我在2~3天前检查了这段代码，但是今天突然，由于未知的原因，transition不再工作了。
这是代码：
'use strict';
class Assemble {
constructor(elem, acc, name, unit) {
this.elem = document.querySelector(elem);
this.acc = acc;
this.name= na
浏览 0提问于2019-08-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
