草庐IT

Transition

全部标签

javascript - 触摸移动时触发的 css 转换不一致

当用户滚动到特定点以下时,我触发了css位置更改(使用css过渡动画)。这在pc上的chrome/safari上工作正常,但在iphone上不一致。它有时会跳跃而不是动画,有时它什么也不做,偶尔会动画。我试过使用jQueryanimate,添加了translate3d并将元素放在它自己的层上,所有这些都产生了相同的结果。代码如下:varlogoUp=false;$(window)[0].addEventListener('touchmove',function(e){console.log($(window).scrollTop());if($(window).scrollTop()>

jquery - 当一个 div 隐藏时平滑地移动相邻的 div

Fiddlelink当我单击绿色div时,所有内容都隐藏了,但是绿色div是不稳定的,就像它紧挨着第一个绿色div一样不稳定。是否可以平滑传输,使其滑动并紧邻第一个绿色div就位?JS:$('.green').click(function(){$('.others').fadeOut();});CSS:.green{background:green;padding:10px;margin:10px;}.red{background:red;padding:10px;margin:10px;}.blue{background:blue;padding:10px;margin:10px;}

jquery - 当一个 div 隐藏时平滑地移动相邻的 div

Fiddlelink当我单击绿色div时,所有内容都隐藏了,但是绿色div是不稳定的,就像它紧挨着第一个绿色div一样不稳定。是否可以平滑传输,使其滑动并紧邻第一个绿色div就位?JS:$('.green').click(function(){$('.others').fadeOut();});CSS:.green{background:green;padding:10px;margin:10px;}.red{background:red;padding:10px;margin:10px;}.blue{background:blue;padding:10px;margin:10px;}

javascript - jQuery Domino Like slider 插件

我正在寻找一个基于jQuery的内容slider插件。我不是说像this这样的人(其中有太多)也不是jQueryUIslider.我正在寻找的东西最好用图片来描述。是否有一个jQuery插件允许我将某些元素从视口(viewport)中滑出(或过渡)并在其位置上滑动新元素?理想情况下,我希望能够以(某种)系列的形式将几个元素从页面上移开并放回页面上,而不是一个接一个地移开。如果能够缓和这些元素,而不是以线性速度滑动它们,那就太棒了。这张照片是我能想到的最好的视觉效果:我知道我可以开发一个插件,就像我以前做过的那样,但我想尽可能避免重新发明轮子。谁能推荐一个插件?感谢您的宝贵时间。

javascript - jQuery Domino Like slider 插件

我正在寻找一个基于jQuery的内容slider插件。我不是说像this这样的人(其中有太多)也不是jQueryUIslider.我正在寻找的东西最好用图片来描述。是否有一个jQuery插件允许我将某些元素从视口(viewport)中滑出(或过渡)并在其位置上滑动新元素?理想情况下,我希望能够以(某种)系列的形式将几个元素从页面上移开并放回页面上,而不是一个接一个地移开。如果能够缓和这些元素,而不是以线性速度滑动它们,那就太棒了。这张照片是我能想到的最好的视觉效果:我知道我可以开发一个插件,就像我以前做过的那样,但我想尽可能避免重新发明轮子。谁能推荐一个插件?感谢您的宝贵时间。

html - CSS-过渡不起作用

大家好我目前正在尝试进行过渡,当您将鼠标悬停时背景变为紫色并且文本颜色变为白色。(最初没有背景颜色并且文本颜色为黑色......)但它不起作用!我做错了什么!?a:hover{color:white;-webkit-transition:color1000mslinear;-moz-transition:color1000mslinear;-o-transition:color1000mslinear;-ms-transition:color1000mslinear;transition:color1000mslinear;background-color:purple;-webkit

html - CSS-过渡不起作用

大家好我目前正在尝试进行过渡,当您将鼠标悬停时背景变为紫色并且文本颜色变为白色。(最初没有背景颜色并且文本颜色为黑色......)但它不起作用!我做错了什么!?a:hover{color:white;-webkit-transition:color1000mslinear;-moz-transition:color1000mslinear;-o-transition:color1000mslinear;-ms-transition:color1000mslinear;transition:color1000mslinear;background-color:purple;-webkit

html - 在 CSS 中定义多个过渡属性

将transition-property设置为all时,在浏览器窗口内缩放时看起来很糟糕,因为width和height属性也正在转换中。当我只想要background和color时,我需要多行定义它:transition-property:color,background;transition-duration:250ms;这很糟糕,因为我还必须为-webkit-、-moz和-o-执行此操作。相反,我正在寻找这样的东西:transition:[colorandbackground]250ms;这有什么语法吗? 最佳答案 当对多个转换

html - 在 CSS 中定义多个过渡属性

将transition-property设置为all时,在浏览器窗口内缩放时看起来很糟糕,因为width和height属性也正在转换中。当我只想要background和color时,我需要多行定义它:transition-property:color,background;transition-duration:250ms;这很糟糕,因为我还必须为-webkit-、-moz和-o-执行此操作。相反,我正在寻找这样的东西:transition:[colorandbackground]250ms;这有什么语法吗? 最佳答案 当对多个转换

jquery - 使用 css3 transform-origin 居中和缩放

我的页面上有一系列div。每个div都有一个背景图像,并以网格形式排列。我的页面上有任意数量的div。该页面被限制为使用的大小我希望能够点击一个div,让它缩放到特定比例,然后居中。我的标记:我的CSS:#pack1{margin-left:20px;margin-top:20px;height:193px;width:127px;background-image:url(../images/image1.png);background-size:100%100%;float:left;clear:both;-webkit-transition:all1sease-in-out;-mo