transitions

我试图弄清楚过渡在 css 中是如何工作的。我希望在我的示例中看到图像的平滑宽度变化（当我调整浏览器窗口的大小时），但它不起作用。你能指出我的错误吗？ div{ display: inline-block; } img { width:25%; -webkit-transition: width 20s; /* For Safari 3.1 to 6.... »

我正在尝试动态确定 SVG 路径数组的长度，然后将此值插入到属性 stroke-dasharray 和 stroke-dashoffset 的 HTML DOM 样式对象中。 var horizontals = document.getElementsByClassName('hLine'); for (var i = 0; i < horizontals.length; i++ ) { ... »

我希望能够从页面的任一侧滑入一个 div（这最终会变成一个类似轮播的应用程序）。当用户单击“前进”或“后退”按钮时，我会滑出所有活动的 div，创建一个新的 div，将类“左”或“右”添加到它开始，然后添加过渡类“活动”所以它将移动到位，如下所示： $("#forward").click(function(){ $(".active").removeClass("active left ... »

我在一个广告上看到了这个动画，我正在寻找一种使用 CSS 的方法，希望最小到没有 JQuery。我主要是在寻找一种通过动画或过渡来显示图像的方法。适用于所有浏览器的东西。 我从发现的另一个小提琴开始，现在它是在悬停而不是定时显示的，但它的显示方式与 gif 不同。 https://jsfiddle.net/ff43gn16/1/ HTML： <div class="outer"&... »

我创建了一个社交媒体框，当您将鼠标悬停在共享按钮上时，它会弹出并显示社交媒体图标，它现在工作正常，但我想在其上进行过渡，所以当我将鼠标悬停在共享按钮上时其他 4 个项目一一显示，并带有一些过渡效果。 我正在寻找的效果类似于这个site，在右上角。 body { background: #cdcdcd; padding: 150px 0 0 100px; } .soci... »

首先，如果这是重复的，我想道歉，我只是找不到任何可以帮助我的东西。 无论如何，我有一个承载 2 个片段的活动。片段 A 基本上充当标题（我不能在这种情况下使用操作栏），所以片段 A 不会被触及。在 Fragment A 下是...Fragment B，它占据了整个布局的其余部分（在 Fragment A 下）！片段 B 只是一个 ListView 片段。我想要做的是当用户单击列表上的某些内容（片段... »

我的新 PhoneGap 项目需要自定义页面幻灯片过渡，请帮助我了解如何使用 html5、css3 和 javascript 创建自定义页面幻灯片过渡 谢谢提前..... »

我正在尝试根据 W3 中的示例制作一个带有过渡的下拉菜单。我将它用作下拉菜单，但似乎无法添加过渡。我希望下拉菜单放松。 我尝试将transition: all 0.3s; 添加到.dropdown-content 类。我还研究了许多其他下拉示例，但都没有找到答案。 function myFunction() { var x = document.getElementById("... »

尝试做一个过渡效果，当用户第一次进入页面时，div 'caption' 从其最终静止位置下方 100px 开始并向上动画。这是我在 CSS 中使用的代码，但它似乎不起作用。 .caption { padding: 0 0 0 0; transition: padding 0.25s ease-in-out 1.0s 0 0 100px 0; } 我相信您可以为填充和顶部设置动画。尝试了这两种... »

切换切换后，我的动画触发出现问题。现在使用我的 JS，它只是显示和隐藏，但一旦切换就不会真正触发转换。 我希望转换在切换后触发，然后在再次切换后关闭。 ** 我希望蓝色圆圈在切换后从小到大 我有一个代码https://jsfiddle.net/pb3fncgq/1/ $("#customSwitch1").on('change', function() { if ($(t... »

我有一个 HTML 表格，其中包含几行的一些信息。在每一行上，用户可以单击以显示一些额外的行，其中包含与单击的行相关的信息。 类似这样的： 当使用 AJAX 请求创建附加行时，会在单击的行之后插入加载行： 目前，一切正常（向下钻取样式），但我想在加载行中添加一些动画。 我发现了一个问题（this one），其中有一个 JSFiddle 显示了我想要的内容（this fiddle）。 我... »

我有一个 ipad 应用程序，当用户执行一些操作时，uitextfields 和按钮会在视图中出现和消失 [工作正常] [cancelBtn setHidden: true]; [lblOption setHidden:true]; 问题是是否有某种方法可以在它们出现和消失时设置动画，例如按钮的过渡、透明 alpha， 非常感谢！... »

我想将 2 个 css 动画“串联”在一起。 第一个在页面加载时播放，是一个 css 动画，可以将立方体旋转一些角度。作为第二个动画，我想在用户按下按钮时进一步旋转该立方体（将类添加到立方体 onclick）。 问题是立方体 div 已经从第一个动画中获得了一个旋转语句，所以当我添加类（其中包含一个变换：旋转）时，它不会动画到新的旋转，而是跳到新的旋转度数立即。尽管我使用过渡。 我尝试使用添加... »

我想在 Wicket Java 框架中的页面导航之间进行一些平滑的转换。是否可以使用 Wicket 工具、javascript 和 css？我找不到办法做到这一点。 感谢您的任何回答。 ... »

我有绝对定位的 div，它代表一个圆形通过更圆的边框。当 div 发生悬停事件时，我需要扩展这个圆圈，问题是圆圈向右/下方向扩展，我需要它从中心扩展。这是因为 top/left 参数具有固定值而发生的，我设法使用负的 top/left margin 克服了这个问题。最后一个问题是我想添加从正常状态到扩展状态的平滑过渡，这会产生不好的结果。 HTML 代码： <div class="circ... »

自从我更新到新的 Vue 2.1 版本后，我在控制台上收到了这条消息： [Vue 警告]：属性或方法“_leaving”未在实例上定义，但在渲染期间被引用。确保在 data 选项中声明反应数据属性。 （在组件中找到） 但是如果使用 Vue 2.0 再试一次，这个警告就会消失。 不明白，我用的是默认的transitions ... »

我正在尝试在应用类后为元素的高度设置动画，这是简化的代码： HTML <div class="section"> <div class="panel"> <a href="#" class="toggle">Click</a> <div class="panel-content"> Some conte... »

我正在尝试在 Javascript and without librairies or css 中重新启动 transition。我不想用Settimeout 或clientHeight 之类的技巧来实现这一点。我知道这是因为回流，但我正在尝试为此找到理想的解决方案。 步骤如下： 1)Removetransition -> 设置新位置（withouttransition） 2) Add 过渡... »

我有以下简单的 HTML 和 CSS。它在 Chrome 中运行良好。但不是FF。我的意思是transition 不适用于FF。我正在使用 FF 18。我在 Google 和 SO 上搜索了这个问题并找到了一些黑客。但它们都不适合我的问题。请问有什么办法吗？ HTML： <div class="image-list cf"> <figure> ... »

当我想将硬件电路放入转换系统时，基本步骤是什么？我没有得到节点之间的箭头。来自/到同一节点的箭头很简单。但是，例如，如何获得节点 {r} 和节点 {x,r,y} 之间的箭头？为了提高可读性，我可以在这些箭头上写些什么？... »