CSS如何添加滑动过渡

文章/答案/技术大牛

发布

1回答

如何向过渡中添加文本

css、transitions

我刚开始接触复杂的编程，我知道CSS和HTML的基础知识，我开始学习更复杂的东西，比如过渡和动画，但我已经被一些东西卡住了一段时间。您到底如何向过渡中添加文本？例如，您向div元素添加了一个过渡，它向下滑动，没有任何东西，但您想要在它向下滑动时添加文本。如何添加文本？我不确定这有多清楚，如果它混淆了一些，我道歉！但在基本情况下，我想要做的是当你将鼠标悬停在它上面时，让过渡<

浏览 0提问于2015-05-09得票数 0

2回答

javascript、jquery、html、css

我有一个滑动子菜单内容的sidenav菜单工作的以下小提琴演示。我在没有使用Jquery的情况下遵循了相同的演示(实际上首先使用普通的JS，然后通过CSS悬停选择器而不是单击)，并且在我的例子中，子菜单不会以相同的方式进行幻灯片/动画。(function() { });我怎样才能在不使用jquery的情况下复制相同的方法，通过css或普通的JS，因为我不想只为了一个简单的滑动<

浏览 19提问于2017-06-23得票数 1

回答已采纳

3回答

css3向上滑动向下滑动

css、css-transitions

如何设置css过渡元素的样式，使其在隐藏时向上/向下/向左/向右滑动？hideUp { display:none;.hideLeft { display:none;我想将这个类添加到一个元素中，让它向左滑动并消失。

浏览 0提问于2011-09-14得票数 13

回答已采纳

2回答

如何使用before()回调停止或延迟flexslider动画？

javascript、jquery、flexslider

在flexslider动画到下一张幻灯片之前，我在所有幻灯片的元素上添加了一个类.animate-out，问题是应用的css动画不会显示，因为flexslider会立即移动到下一张幻灯片。我使用flexslider的before()回调函数添加了这个类，这个回调函数在设置滑块动画的函数中是，所以现在使用slider.pause()来暂停滑块已经太晚了(使用它将暂停下一张幻灯片)。我已经在before()回调函数中使用alert()测试了动画，这个回调函数会暂停javascript的执行，我可以看到.animate-out添加</em

浏览 3提问于2013-03-26得票数 2

回答已采纳

1回答

JQuery切换动画干扰CSS高度过渡

javascript、jquery、css

我有一个JQuery函数用来切换Div (切换(200))，所以有一个小的滑动动画。附言:我没有添加我的JQuery切换代码，因为我认为它不相关。JQuery滑动动画可能正在调整div的高度/宽度来创建滑动效果，因此受到我设置的过渡<

浏览 11提问于2016-09-18得票数 0

2回答

Css过渡滑动

html、css

我有一个位置按钮，当我点击它时，右侧会出现一个下拉列表，但我想要一个滑动效果，它会将位置图标推到左侧，并具有过渡效果。任何形式的帮助都会受到高度的感谢。

浏览 16提问于2017-08-17得票数 0

1回答

背景- jQuery .animate的图像闪烁()

jquery、css、background、jquery-animate、flicker

通常我会使用CSS3 transition，但我需要一个适用于Internet Explorer7-9的jQuery解决方案。 }) <STYLE type="text/css

浏览 0提问于2011-11-16得票数 1

1回答

如何禁用滑动开关(wordpress)

jquery、wordpress、search、slidetoggle、searchbar

谢谢你仔细阅读我的问题(我对社会很陌生，所以如果我犯了什么错误，请原谅我) 因此，基本上，我有一个wordpress的主题，我已经购买，我想知道如何禁用滑动过渡的搜索框，因为我希望它可以立即拍照，而不是有一个缓慢的过渡我已经尝试搜索我的主题文件的css，没有什么。我已经设法在scripts.js文件中发现它有滑动切换，我认为这是缓慢转换的问题。如何对其进行编辑以使过渡立即进行？谢谢。

浏览 2提问于2015-01-30得票数 1

回答已采纳

1回答

如何使用java-script平滑过渡到滑动图像轮播？

javascript、html

我已经在我的网站与HTML，CSS和Java脚本自动滑动图像传送带，但从一个图像过渡到另一个是不好的。请指导我在Java-Script区域添加哪些内容才能使过渡顺利？我已经尝试了下面的java-script，但我也想添加图像之间的平滑过渡。

浏览 0提问于2018-12-29得票数 0

1回答

是否更改Mootools滑动开关的方向？

javascript、mootools

我正在使用滑动切换功能，该功能默认情况下滑入和滑出元素的左侧。我想让滑梯朝另一个方向滑动--从右手边滑入滑出。

浏览 1提问于2013-05-24得票数 0

回答已采纳

1回答

css滑动内容过渡

css、transition、sliding

我正在为我的网站设计一个新的页面，我已经有了一个从右边滑动内容的想法。有人能解释一下我是如何做到这一点的吗？非常感谢

浏览 0提问于2013-07-03得票数 1

回答已采纳

2回答

CSS滑动过渡

javascript、jquery、css、css-transitions、css-animations

我正在尝试实现一个使用CSS过渡和一些Javascript的滑动效果。问题是第二个盒子马上消失了，而不是滑动。有没有一种方法可以使效果平滑，这样辅助框也不会消失，而是会滑动。

浏览 1提问于2015-05-17得票数 0

4回答

jQuery、CSS3还是HTML5过渡？

jquery、html、css

是HTML5，CSS还是jQuery/JavaScript？感谢您的任何帮助

浏览 2提问于2012-10-18得票数 1

1回答

使用隐藏在页面上的元素以动画方式滚动到#hash

javascript、jquery

这很有效，但问题是当我向上/向下滑动(显示隐藏)某些元素时。如果点击的链接有类.show，我会显示about部分。如果link没有这个类，我会使用.slideUp函数来隐藏这个元素。

浏览 3提问于2016-10-28得票数 0

1回答

CSS3动画幻灯片div窗体从右到左单击按钮

jquery、css、css-transitions、css-animations

我正在尝试在单击时将div从右向左滑动。然后关闭它，再次向右滑动它点击关闭按钮使用CSS3过渡和动画。这是指向fiddle的链接：.selected { -webkit-animation: slide-in如何解决这个问题？谢谢

浏览 0提问于2017-11-23得票数 5

回答已采纳

2回答

使元素适合其整个父级

javascript、jquery、html、css

我正在创建一个高级管理面板，我正在扮演编辑项目的角色，我喜欢当我点击编辑一个项目时，他会填满它的父项目的整个空间，但是我不知道如何让元素回到它的动画原始位置，你知道怎么做吗？curElLeft = elParent.position().left; elParent.css

浏览 4提问于2015-05-21得票数 5

2回答

尽可能使用CSS进行jQuery UI平滑过渡

jquery、jquery-ui、css、transitions

有没有一个插件/程序/CSS线/不同的方法来与jQuery UI框架集成，以便它可以在可能的情况下利用硬件加速过渡。

浏览 0提问于2012-07-19得票数 0

回答已采纳

2回答

Twitter Bootstrap carousel - Firefox中的css过渡

css、firefox、google-chrome、twitter-bootstrap、css-transitions

我对Firefox中的css转换有一个问题。我使用Twitter Bootstrap carousel。我做了一些更改，所以图片不会从右向左滑动。相反，它们会淡入和淡出。我还在carousel标题上添加了一些css过渡。在Chrome上一切正常，但在Firefox (版本16，Mac)中就不行了。当我单击旋转木马中的下一个链接时，会有一个很好的过渡。活动幻灯片淡出，标题向右移动。但下一张幻灯片的标题会突然显示，而Chrome有一个很好的过渡(标题从上

浏览 5提问于2012-10-19得票数 5

2回答

X轴上的jQuery UI可排序滑模

jquery、jquery-ui

我希望找到的是一些东西，将“滑动”或“缓解”其他div周围的用户拖过，而不是“弹出”他们到位。任何帮助都将不胜感激，干杯！

浏览 2提问于2013-01-07得票数 0

1回答

触摸上的平移元素- jQuery

jquery、mobile、gesture

我正在尝试在触摸时平移元素，我正在使用以下公式来计算用户滑动的距离(并在滑动初始化后添加过渡/功能)我如何获得滑动的实时值和动画(例如DIV )以跟随手指？我使用以下代码来实现swipe功能：

浏览 2提问于2011-08-04得票数 1

回答已采纳

点击加载更多

如何向过渡中添加文本