1回答
我在p元素上应用了一些动画，并希望制作一个类似于块的效果，它们会有一定的动画效果，但它们会超出屏幕或溢出。
我搜索了很多，但没有找到确切的，只有Css3。
为了达到这一效果，我必须在translateX(screen_width)中定义屏幕宽度。
-webkit-transform: translateX(100%); // Now i am using but fails
你知不知道，没有JavaScript，我是如何完成这项任务的？
我在问题中添加了JavaScript标签，只是为了引起注意，如果任何编剧知道Css 3的话
浏览 0提问于2014-03-17得票数 1
回答已采纳
我目前正在尝试Angular2的动画，我想知道它们比标准css动画/过渡带来了什么具体的优势。
例如，一个典型的材质设计的卡片和悬停效果与方框阴影。大多数css框架使用:hover和css转换。使用angular 2动画有什么特别的优势吗？
我在某处读到一些css动画属性不会调用GPU那么多，因此会有一些延迟和滞后。那angular2动画呢？
浏览 0提问于2016-12-03得票数 43
回答已采纳
1回答
网站预加载器
、、
我想创建一个带有徽标的网站preloader。我想创造的标志颜色填充预加载效果(一些像水灌入玻璃杯)或旋转的标志或任何东西(但第一种技术是首选)。这可以用动画gif来完成，但为了获得实际效果(或小于实际效果)，gif文件的大小肯定会增加。
我发现许多.gif预加载器，但这些都不是我的确切要求。
这可能是用css/js/jquery完成的，但问题是，我不知道如何开始。
有人能帮我吗？
徽标是一个.png图像。
浏览 4提问于2015-02-28得票数 0
我有一个图像(当悬停在上面时)放大(使用CSS动画)。该图像也是指向另一个页面的链接。
因此，如果光标立即指向“指针”，访问者就会悬停-这看起来就像是动画的效果-他们可能不会意识到这是一个超链接。
(现在已经是2014年了)有没有一种简单的方法，比如“转换延迟”来延迟光标的变化，直到动画结束？
谢谢。
浏览 2提问于2014-09-12得票数 3
我正在尝试创建两条路由之间的过渡。我的CSS转换似乎并不是每次都有效，只是偶尔有效。我找到了这篇关于动画被切断的帖子React css transition does not work correctly，但我真的不明白这是否适用于我。 这是这个问题的代码笔。目前，这种转换很少运行。我试着让它在你每次点击链接的时候运行。 https://codepen.io/rhigdon-the-vuer/pen/jOqEdWO <div>Code a bit too complex to post here. Let me know if it would be helpful.<
浏览 19提问于2020-08-08得票数 0
1回答
我有一个背景的网站，有一个粒子效果，是使用CSS动画。
每当您切换页面时，粒子就会被破坏和重置。是否有任何解决方案，让我只改变网页的网页内容，而不影响背景？从技术上讲，粒子是一种元素。
浏览 5提问于2021-12-15得票数 0
我试图在鼠标悬停时给div添加淡入淡出的效果。淡入淡出效果是在background-color的颜色之间过渡。虽然我可以立即更改css类，但在创建淡入淡出动画时，使用fadeIn()或animate()并不是很有用。如何开始创建此动画？
jQuery：
$('div.my-bkgr').mouseover(function() {
$('div.my-bkgr').attr("class", "my-bkgr-mouseover");
}).mouseout(function() {
$('div.my-bkgr&
浏览 3提问于2013-04-03得票数 0
回答已采纳
1回答
好的，我有一个客户端，在进入他的网站时，只需要有漂亮的动画。Wordpress东西应该是一个图片/按钮，点击播放“引擎”的声音，并显示主页。
我正在考虑在单独的DIV中这样做，当按钮被点击并播放声音时，DIV就会“消失”。我四处看看，我知道怎么做，但我没有什么问题。
达到上述效果的最佳方法是什么？我认为CSS3 + HTML5 +一点jquery是可行的。但也许还有更好的东西。在任何元素上获得声音的示例，如CSS技巧：
如果这整件事是分开的，声音应该播放“整体”，没有任何突然中断。如果我错了就纠正我
现在最困难的事情可能是:如何确保动画在访问主页时不总是显示出来。放饼干？如果是的话
浏览 3提问于2017-05-25得票数 0
回答已采纳
如何使文字动画效果，你好世界HW在JavaScript或CSS？
第一条短信是你好世界！最后，变成HW，去掉其他字母。
你好，世界！
↓
地狱世界！
↓
他会的！
↓
硬件
浏览 3提问于2022-04-28得票数 -2
回答已采纳
好吧，我一直在谷歌上搜索，希望这里的人知道我该去的地方。
我正在为JavaScript搜索一个页面翻转动画，该动画接近苹果对iBooks所做的，只有一页翻过来只显示下一页。
(编辑:也许我的描述不够清楚:我正在寻找一个页面翻转效果，它可以将一个完整的HTML网站转换成另一个页面，例如，通过应用页面翻转效果来添加问题“添加问题”屏幕，例如当单击“询问”时。我知道这可能是一件很难实现的事情，因为它包括准备好数据，显示一页，转换效果，然后显示第二页，而第一页可以从内存中释放。尽管如此，随着HTML5，JS和CSS的狂热，我希望有人已经做出了这样的转变-效果，我希望，如果有一个，这里的人知道在哪里找到
浏览 0提问于2011-07-07得票数 7
回答已采纳
2回答
快速提问的人-什么是最好的方法来达到以下效果？我想要一个按钮的确切形状，但不同的颜色，从底部滑行。我目前在纯CSS的按钮，我能保持它的方式(首选)还是我需要使按钮的雪碧gfx和只是动画背景位置？
浏览 3提问于2014-01-17得票数 0
回答已采纳
4回答
我在它的Ul悬停上有一个div标签，我使用css显示一个div。
现在我想要的div标签，将第一，fadein或任何其他效果，如动画等。
我知道使用jQuery可以很容易地做到这一点，但我想知道是否可以使用Html5、css3、css来实现这一点？
浏览 3提问于2013-01-12得票数 0
回答已采纳
下面是我的App.vue代码：
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
import 'material-design-lite'
export default {
name: 'app'
}
</script>
<style lang="stylus">
@import url
浏览 4提问于2017-09-29得票数 1
1回答
CSS背景色切换
、、
是否可以仅使用CSS3来切换背景颜色？
我尝试过使用关键帧动画，但这只会转换背景颜色。我所要做的就是让背景颜色在5秒后改变，而不是过渡。我不想要任何悬停效果等。
我想，如果我能淡出它，只是为了切换到它，肯定有一种方法。
谢谢。
浏览 1提问于2013-03-20得票数 0
如何让ng-animate在图像、段落或div等简单的animate.css元素上工作？
在静态页面中，我只包含了animate.css和wow.js库，并向要设置动画效果的元素添加了几个类。但是我没有成功地让它在ng-view中工作。
<img class="wow fadeInLeft" src="http://images.ximo365.com/nick-olsen-pose.jpg" alt="Nick Olsen On-the-go shots">
浏览 2提问于2015-02-24得票数 0
我在<h3>Some header</h3>上有一个滚动效果，我希望在悬停时背景能够很好地淡入/淡出。
其正常状态为：
h3 {
background: none;
}
悬停是一个css3动画：
h3:hover {
background-image: linear-gradient(bottom, #FFFFFF 25%, #FCFCFC 100%);
background-image: -o-linear-gradient(bottom, #FFFFFF 25%, #FCFCFC 100%);
background-image: -moz-l
浏览 0提问于2011-12-19得票数 1
回答已采纳
我有像这样的div。H1标记根据按钮点击动态显示数据。
<div id="quoteId" >
<h1>{{ data }}</h1>
</div>
<button>Show Next</button>
使用css3动画效果作为
#quoteId {
opacity: 1;
animation-name: example;
animation-duration: 1s;
}
@keyframes example {
0% {op
浏览 1提问于2018-05-23得票数 0
5回答
我试过使用position.left，它显示无效对象，我试过css。(“左”)我真的不知道该怎么办。我想要得到父元素的位置，这样我就可以动画子元素的左位置，我正在创建一个滚动效果。
<div id="MyDiv">
<div>Element 1</div>
<div>Element 2</div></div><div id="Prev">Prev</div><div id="Next">Next</div>
浏览 0提问于2010-12-26得票数 0
回答已采纳
1回答
我在页面加载上显示一个SVG / CSS加载动画，我通常在页面加载后隐藏包含SVG / CSS的<div>。
当我们在不停止动画的情况下隐藏时，是否存在性能问题？隐藏SVG动画后是否有必要停止动画？在SVG和CSS动画的情况下？
浏览 5提问于2018-01-12得票数 0
2回答
我有一些左浮动，固定宽度的DIVs。当窗口的大小增加，更多的DIVs适合一行时，DIVs立即被重新定位。
我想知道是否有一种方式来动画的重新定位，使用户更容易跟随一个特定的框，看看它移动到-最好只有CSS。
.box {
float:left;
width: 200px;
min-height:200px;
background:red;
margin:20px;
}
<div class="box"></div>
<div class="box"></div>
<div class=&
浏览 3提问于2013-07-29得票数 2
1回答
试图使用的插件列表：
jquery.animate-enhanced.min.js
jquery.easing.1.3.js
基本上，我试图将一些jquery动画转换为“纯CSS3转换”。
这是我正在处理的代码：
$(this).animate({
bottom:(docHeight-80),
},600,
'easeOutElastic',
function(){
$(thi
浏览 4提问于2012-11-07得票数 0
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
回答已采纳
1回答
浮动位置上的CSS转换
、、、、
我正在使用这样的东西：
如您所见，我有一组宽度相同但高度不同的浮动div。然而，容器有一个百分比宽度，并且作为连续的，当改变它的大小时，浮动div改变它的位置。
我希望这个位置的变化是动画，使用css过渡。我可以通过绝对定位来做到这一点，使用一点javascript来计算定位并将过渡效果绑定到顶部和左侧属性，但由于我想准确地模拟浮动div的行为，所以没有绝对定位就很好了。
你认为这是可能的吗？提前谢谢你。
浏览 3提问于2012-05-14得票数 4
回答已采纳
我有一个带有div覆盖层的图像。div覆盖出现在悬停状态。同样的悬停，我想要一个动画效果。问题是，动画效果发生在图像和覆盖上，但我不希望动画效果发生在覆盖层上。
此代码工作，但我无法防止动画发生在覆盖上。什么css代码将使动画效果只发生在图像上？
因此，在下面的代码中，css正在处理容器映像，但它也发生在额外层的上。如何使它只在容器图像上工作？
html
<special class=“container”>
<a href=“#" class=“container-link”>
<img src=“image.jpg"
浏览 7提问于2019-12-20得票数 0
2回答
提前感谢您的帮助。
我一直在使用一些效果来寻找我喜欢的东西，并偶然发现了这个网站：
下面的第三部分(黑色bg)有单词"anything“的下划线，当你将鼠标移到它上面时，它会产生一个序列，该单词会变成各种其他单词。
我试着去找一个相关的教程，但是没有找到。我想知道是否有人能够指出实现这一效果的方法，无论是单独通过css3还是使用jquery。理想情况下，动画会在到达"word options“的末尾后停止。
谢谢大家！
浏览 1提问于2016-12-18得票数 1
1回答
我已经找到了，它得到了回答，并且似乎实现了一个带有SVG的径向擦除动画。
我希望实现如下示例所示的border: 1px solid green;效果：
不过，我想知道的是，使用纯CSS -that是否能够做到这一点是理想的。
如果CSS无法实现，我将如何使用SVG来解决这类问题？
浏览 0提问于2015-11-18得票数 5
回答已采纳
1回答
我有一个问题，在CSS动画，特别是在打字效果。
在动画中实现了字体写作的效果。但是，即使我没有设置转换动画，一旦生成了类型，文本就会移到右侧。
为什么会发生这种情况，我如何解决这个问题？我的css动画如下所示。
@keyframes fade{
0%{
transform:translateY(30px);
opacity:0
}
100%{
transform:translateY(0);
opacity:1
}
}
我
浏览 2提问于2020-05-02得票数 0
回答已采纳
1回答
我在这里用jquery和css代码制作了两个悬停效果：
jquery hover和css hover是有区别的。对于jquery悬停，如果您在框上移动鼠标很短的时间并快速离开框，它将运行鼠标进入和鼠标离开动画，并将完成它们，而鼠标在鼠标进入动画结束后没有在框上...
但对于css悬停，如果您悬停框，悬停效果将运行鼠标离开动画，如果您将鼠标停留在框上，直到鼠标悬停动画结束！
如何让jquery像css一样悬停?！我不想让整个动画完全运行，当我移动我的鼠标在方框上，只是为了混战一秒钟！
浏览 0提问于2012-08-31得票数 1
4回答
CSS动画活动不继续吗？
、、、、
我一直在努力学习css动画，我开始掌握它们，但我有一个问题，动画效果。我有一个动画类分配给一个部分，它是一个下载按钮，当我点击它时，动画播放的范围为点击，如果我点击并保持它播放整个动画。我想要动画发挥所有的方式在点击，而不是一个点击和举行。
下面是应用类的Html部分：
<a href="software/ASC.exe">
<section id="download" class="animated" title="Download ASC">
浏览 3提问于2013-08-14得票数 2
回答已采纳
2回答
我创建了一个jQuery选项卡，运行良好，但我想添加一些CSS3效果，比如缩放、转换、转换。现在，我的选项卡只包含fadeIn/slideToggle之类的jQuery效果，但我需要使用CSS3创建自定义效果，以便如何将CSS3动画功能添加到Tabs代码中。
请参阅我的代码：
动画效果所需的一些CSS3代码：
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: scale(1);
-o-transform: scale(1);
浏览 4提问于2015-01-22得票数 0
回答已采纳
1回答
当我们调整窗口大小时，有没有办法使用CSS过渡或动画来平滑内联块元素被重新定位的效果？
就像这样，但带有动画效果：
浏览 2提问于2012-02-06得票数 5
回答已采纳
3回答
动画文本-阴影
、、
我有一些关键字在我的网站标题。每隔几秒钟，我就希望它们中的一个带有CSS的text-shadow属性。
然而，JQuery动画似乎并不能很好地支持CSS文本阴影属性。
：这是我想要的结果，但光芒必须淡入淡出。
有一个更常见的CSS属性，比如颜色，动画效果很好，红色有点淡入。
，但CSS text-shadow属性甚至在尝试为其设置动画效果时都不会出现。
有人知道如何淡入和淡出文本阴影属性吗？
浏览 0提问于2012-09-10得票数 0
回答已采纳
我试图用Greensock和React.js做一个显示图像效果，但是我得到了一个与CSS插件相关的警告。
首先，我需要得到我想要动画的伪元素的规则，以获得显示效果。
const imageReveal = CSSPluginRule.getRule("#image-container:after");
下一步是动画化宽度
tl.to(container.current, 1, { css: { visibility: "visible" } }).to(
imageReveal,
1.5,
{ css: { width:
浏览 3提问于2020-02-28得票数 2
回答已采纳
2回答
用CSS3使气泡连续向上运动？
、、、、
如下图所示：
看到背景中的透明圆圈了吗？我想要做的是让它们从下往上动画，然后手动跳下(屏幕外)并重新开始动画。圆是简单的<span>元素，使用border-radius来实现圆的效果。
这可以用CSS3实现吗，或者我需要使用javascript吗？如果可能的话，我还想在向上移动的同时，在X范围内随机横向移动圆圈。我想这种随机性需要javascript？
如果可能的话，我将非常感谢一些关于如何制作它的建议/想法。如果不能使用CSS，也可以使用Javascript库！
浏览 1提问于2012-12-19得票数 9
回答已采纳
我在一个网站上看到过这种类型的动画，就在CSS3关键帧开始获得势头的时候，但我找不到它，也无法使用CSS或jQuery复制它，这里我想你们中的一些人可以提供帮助。
我已经将我希望实现的目标动画化，并嵌入到下面。我相信这可以使用新的CSS3关键帧或jQuery的.animate()；特性进行编码。我不知道。我试过我所知道的一切，但都是徒劳的。
这是我想要的GIF动画：
我刚刚注意到，在他们的主页上使用了非常类似的过渡，但有一些滑动效果。而且出现的数据(单词)总是随机出现的。我想知道这是怎么可能的！
浏览 1提问于2013-06-23得票数 20
回答已采纳
1回答
我已经创建了；红色的框使用CSS left属性设置动画，蓝色的框使用CSS Transform TranslateX属性设置动画。
在Chrome 21中，这两个动画都有相同的性能，都运行得很流畅。
但在Safari (适用于Windows)中，蓝色的动画效果很流畅，而红色的动画效果较慢。(看起来蓝色的是硬件加速的，而红色的不是)
第一个问题是，最好的选择是什么？总体上哪一个更好？(支持更多的浏览器等)
接下来，有没有办法在Safari中对left和top CSS属性进行硬件加速动画？(因为我想实际将div移到窗口之外，所以我认为使用left属性更好。)
浏览 2提问于2012-08-22得票数 1
回答已采纳
我试图编写一个指令，使用CSS转换将元素从屏幕上的一个位置移动到另一个位置，其中位置由元素上的Javascript /属性确定，在预先编写的CSS中不知道。另外，我需要一个回调，在转换结束时对$scope中的一个函数进行回调，这是在一个自定义属性中指定的。所以元素看起来就像
<button move-me="100" move-me-after="afterMove()">Move Me!</button>
为了使用$animate，在我的自定义指令moveMe中，单击“我”动态地向页面添加一个样式块。
<style> .mo
浏览 0提问于2013-12-04得票数 1
3回答
在Firefox 42的发布说明中，Mozilla有一个动画效果，它不使用Javascript，没有CSS动画，没有视频或插件，也没有动画gif。
请参考观察效果。在盾的右下角有一个机器人，每隔几秒钟就闪烁一次。它位于类div元素critter bottom-right中。
这一效果是如何实现的？
编辑:我错了；CSS动画被使用了；它们只是没有出现在DOM检查器的Animations选项卡中，但是当在包含机器人的div元素中选择::before ::after时，就可以在Rules选项卡中看到它们。
浏览 12提问于2015-11-04得票数 0
回答已采纳
我正在尝试更改Twitter Bootstrap动画进度条上使用的CSS3动画的持续时间。我想要的结果是使用jQuery减少动画的持续时间，这样我就有了一个更快的动画。
我得到了下面的超文本标记语言和CSS，并使用了下面的jQuery。
HTML：
<div class="progress progress-striped active" style="width:102px;">
<div id="test" class="progress-bar" role="progressbar"
浏览 1提问于2014-04-04得票数 3
回答已采纳
4回答
我正在尝试使用CSS3D动画来摆动一些元素，比如门。
我想实现一个效果，就像这个网站上的9个磁贴是如何摆动的：
现在，我可以使用TweenMax库获得旋转效果，但它并不完全正确。我的元素在顶部旋转，而不是从内部旋转。
有谁知道如何实现从内部的swing效果，使用TweenMax或只是常规的CSS？
请参阅代码：
TweenMax.set('#flip-me',{
rotationX: 180,
transformOrigin: "top center"
});
var tl = new TimelineMax({repeat:0, repeatDela
浏览 0提问于2016-03-13得票数 2
1回答
嗯，我希望使用CSS向文本显示卷曲抖动的动画效果，这是它看起来的样子(忽略背景)。我认为这是一个很酷的效果，但不知道怎么做。
一个例子将是非常有帮助的CSS动画或脚本也是可以接受的。提前感谢您的帮助!:)
浏览 4提问于2014-07-12得票数 2
1回答
我已经发现了使用动画转换css形状的方法，如下所示：
有没有人知道有没有可能用CSS或其他非flash代码获得更高级的效果，创建更复杂的动画-即使是沿着您在Mac OS工具栏上最小化或最大化窗口时所看到的效果？
这是可能的还是超出了使用css的可能性？
谢谢,
浏览 0提问于2012-09-12得票数 0
回答已采纳
在jQuery中有没有等同于.fadeToggle()的CSS3？
在发现我的jq代码在移动设备上运行得不是最流畅之后，我到处搜索，想要将我已经存在的代码转换成CSS3动画(其中的一部分)。
在我下面的代码中，它在底部调用.fadeToggle()。我读过一篇文章，说可以通过jQuery调用CSS3效果：
$(function () {
function a(a) {
a.each(function () {
var b, c;
a = $(this);
b = a.find("a.togg
浏览 0提问于2011-11-20得票数 1
回答已采纳
我试图使图像fadeIn效果，我设置jQuery动画方法实现淡入效果，我发现我注册的悬停事件已被取消。
我觉得很奇怪，这个方法不应该影响我的悬停效果。
虽然我可以通过javascript重新注册悬浮事件，但它正在执行其他任务。
我有什么误会吗？
我试着不使用CSS3动画。
JS部分：
$('img').animate({
'opacity': '0.5'
}, 1500);
CSS部分：
img {
opacity: 0;
}
img:hover {
opacity: 1;
}
浏览 6提问于2013-09-02得票数 2
回答已采纳
2回答
有人知道为什么我在关键帧动画中看不到content属性的效果吗？我试过这样的东西
@-webkit-keyframes mymove {
0.000% {-webkit-transform: matrix(1,0,0,1,294,-135);
color:blue;
content:"test";
}
/*... more keyframes that changed the -webkit-transform property...*/
}
当我在动画过程
浏览 3提问于2013-09-07得票数 2
我试图在一个元素上创建一个动画(即转换)，这个动画是通过在一个单独的元素上悬停触发的。在这种情况下，当用户悬停在“学习更多”按钮上时，左上角的图标就会向右滑动。
这是我听起来很蠢的地方，所以请原谅我：
我把按钮类命名为
.learnmore
和图标
.graphic1
我使用了检查工具，发现按钮是(我认为)：
元素-按钮包装器
但它似乎触发了对整个“行”的影响？我想这就是包装器是什么.(因此，在附带说明中，我还需要帮助获得只在实际按钮本身lol上悬停时的效果)。
检查工具还将图标显示为(我再次认为)：
元素-图标
我设法在图标和按钮上分别在它们的类上悬
浏览 4提问于2022-05-16得票数 0
我在我的网站上使用的动画(这是为iOS开发的)有一个使用jQ的简单淡入和淡出：
$('.loading').fadeOut();
然而，在运行这些动画时，iPhone是不稳定的。然而，CSS3动画的效果要流畅得多。如何使用jQuery淡出div，但使用CSS3动画而不是jQ动画？
浏览 2提问于2012-01-14得票数 2
回答已采纳
1回答
我知道有一堆这样的问题，但没有一个真正回答我的问题。我已经做了一个css动画预加载器，我想与页面加载同步。我可以在页面加载时触发动画，但我想以某种方式管理动画持续的时间，以便准确地跟踪页面加载(即使它太快了)。
一个例子：
我希望“填充”效果跟随页面加载时间。
现在，我只对包装css动画的模式应用延迟和淡出效果。
jQuery(window).load(function(){
$(".modal").delay(3000).fadeOut(1000);
});
任何建议都是很棒的。谢谢!
浏览 2提问于2014-02-02得票数 3
3回答
如何用动画改变元素的背景色？
、、、、
是否可以在点击功能中动画化背景颜色的变化？我看到了许多带有鼠标/悬停函数的例子，但是没有一个带有单击函数。只有在没有动画的情况下，下一行才能工作：
$('#element').css({ backgroundColor: "#99cc00" });
我尝试用以下方式添加动画效果：
$('#element').animate({ backgroundColor: '#ffffff' }, 2000);
和
$('#element').css({ backgroundColor: "#99cc00"
浏览 2提问于2014-02-11得票数 0
回答已采纳
我有一个由jQuery和CSS执行的完全相同的动画的示例比较。动画如此之少，没有太多的事件发生，那么为什么jQuery会像这样落后呢？这太荒谬了..。CSS的动画效果很好。
谁能告诉我为什么jQuery动画会滞后，即使它们这么小？
浏览 1提问于2011-04-10得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
