transition
  1. 首页
  2. transition

javascript – 苹果风格扩展菜单栏中的搜索字段

我正在编写一个网站,我正在尝试复制apple.com上的效果,当您单击以将搜索字段集中在菜单栏中时,搜索字段会扩展,菜单栏的其余部分会缩小以适应它.我一直在尝试使用jquerykwicks的各种技巧,也只是在jquery中使用animate函数扩展文本字段但效果却不一样.如果有人能让我走上正轨,我会非常感激！最好丹尼尔解决方法这可以通过css完成,不需要javascript或任何东西……

javascript – 如何为超出内容创建新的页面元素？

我试图创建一些a4类取决于其中的内容量.如果内容超过的高度,我想创建一个新的对于超出上一页的内容.从上面的代码中,我检查了新的已创建但我无法获得超出内容并将其放入新创建的页面中.如何让新页面填充超过上一页的内容？

javascript – 在react-transition-group中退出延迟动画

我在ReactJS和GatsbyJS项目中使用react-transition-group.我的页面过渡使用动画但是当链接退出时,退出的动画被缩短,因为下一页已准备好进入.我已经尝试延迟链接操作,但在页面更改被延迟时,退出动画不会被触发,直到延迟结束并且链接被操作.如何在启动现有动画onClick的同时延迟页面更改？或者,是否有更好的方式或道具？

javascript – 在触摸移动时触发css过渡不一致

当用户滚动到某个点以下时,我正在触发css位置更改.这适用于电脑上的chrome/safari,但在iphone上不一致.它有时会跳转而不是动画,有时它什么都不做,而且有点动画.我尝试过使用jQueryanimate,添加了translate3d并将元素放在自己的图层上,所有这些都产生了相同的结果.这是代码：CSS解决方法我很惊讶-webkit-transition在iPhone上工作.通常你会看到类似的东西：供应商前缀是惊人的吗？

javascript – Cycle2插件的初始化在Windows上的工作方式与在OSX上的工作方式不同

如果有关于此的类似问题,请指出我的方向.这个问题很难描述,但我会尽我所能：http://jsfiddle.net/e70r1mtw/这里的用户可以看到从灰度渐变到彩色的幻灯片.这适用于OSX和Windows中的Firefox.(客户端知道这种效果在IE中不起作用,并且可以.)但是,在Windows上的Chrome中,第一张幻灯片不会从灰度渐变,而是保持颜色.我怀疑这与DOM的加载方式以及Cycle

javascript – 在没有动画的情况下将进度条重置为零(在引导程序中)

我有多个要执行的操作,我正在使用bootstrap进度条来显示每个操作的进度.完成每个操作后,使用下面的代码行将进度条设置为零$.attr但是,这反过来动画,对于用户来说,应用程序似乎正在撤消之前执行的操作.如何在没有反向动画效果的情况下立即重置进度条？解决方法您可以删除进度条的转换,如thisanswer中所述如果您愿意,可以通过删除notransition类来再次启用转换

将点击转换为悬停事件javascript [复制]

4个我试图在悬停汉堡棒时动画,我在网上找到了一个例子并设法让它在mouseenter上运行,但是我希望它在鼠标离开汉堡栏后返回汉堡栏.这是代码,因为你可以看到mouseenter工作,但是当我移动鼠标时,我希望它返回到汉堡条并且不能保留为X.解决方法您可以在mouseenter上添加该类,并在mouseleave上将其删除您也可以仅使用CSS执行此操作.

html5 – css3 webkit转换trasform翻译：无效的属性值？

我在我的css文件中有这些行,但是这不适用于chrome：如果我启动chrome开发人员工具,并检查css的元素,其风格包含这些行,我看到一个危险图标,告诉“无效的属性值”怎么了？解决方法您需要在transition-property的值中使用确切的css样式.所以你想要的是：-webkit-transition-property：-webkit-transform无论什么值需要是一个合法的CSS属性(完全).Lemme知道如果这样工作！在Chrome中对我来说很好