css-transitions 相关问题

CSS Transitions允许CSS值的属性更改在指定的持续时间内平滑发生。

jquery-mobile-防止在将新页面加载到DOM时滚动顶部?

我想在更改页面时覆盖Jquery Mobile滚动到屏幕顶部。我需要调整两个过渡:a)DOM中已经存在的两个页面之间的过渡(请参阅...

回答 1 投票 1

Css3动画波浪效果

我创建了一个容器,如果填满了,我想将其应用于某些“波浪动画效果”,但由于不知道如何操作,我有点被卡住了:有人可以帮我做那些.. 。

回答 1 投票 1

具有CSS过渡的缩放图像

这就是我想要平滑缩放图像而没有任何跳跃的方式。我的尝试不像上面的画廊那样工作,图像(在我的情况下为红色正方形)跳了起来,我的代码是:section {...

回答 2 投票 4

CSS-单选按钮索引出了点问题

单选按钮选择有一点问题。我希望按钮选择能够正常工作,因为我没有做任何事情来篡改按钮的索引。我不知道...

回答 2 投票 0

自适应CSS微调器动画完成而不是重复

我正在尝试创建如下所示的相同动画:body {text-align:center;背景:#222; } svg {position:absolute;显示:块; } .container {...

回答 1 投票 0


CSS不透明度转换无法在悬停中起作用

我有一个工具提示,当前可用于悬停,但是过渡效果不起作用。我已将初始不透明度设置为0,并使用transition属性将不透明度悬停为1。这是代码:....

回答 1 投票 0

字体大小在悬停时会发抖

此代码:首先,我要使第二个tex比第一个文本增加更多(第一个tex的字体大小可以为20px,第二个tex的字体大小可以为100px,这只是一个例子。) ...

回答 1 投票 1

Vuetify:从v-icon移除颜色过渡

我有一个菜单,菜单项包括图标和文本,其悬浮颜色的样式如下所示:.v-list-item:hover {背景:#0091DA; } .v-list-item:hover .v-list-item__title,.v -...

回答 1 投票 1

将鼠标悬停在单个元素上时会触发多个元素的jQuery

我正在创建多张卡,当我将鼠标悬停在其中一张卡上时,卡内的图像会变大,而我已经在Jquery上完成了此操作。我的问题是,当我放置多张卡并悬停在...

回答 1 投票 1

SVG CSS过渡属性

我可以将SVG元素的x或y属性设置为过渡属性吗?如果没有,那么职位变更过渡的替代解决方案有哪些? svg text {过渡:x 1s缓入; }上面的x是...

回答 1 投票 0

CSS3:自Safari 13.1(Mac)起,Flex过渡不再起作用

这是在所有现代浏览器(以及最近的野生动物园浏览器)上均可使用的最简单的代码,但不适用于我刚刚在Mac上更新的v.13.1。关键是要得到一个扩展的部分...

回答 1 投票 0

容器上的高度转换,CSS中的起始和结束高度未知

我有一个没有高度属性的容器(高度与填充它的内容一样大,并且我正在更改该容器内的文本内容,最终改变了高度。我是...

回答 2 投票 0

JS如何创建图像并立即将其置于开始样式和结束样式之间?

[我正在写一个JS游戏,它通过设置IMG元素的x / y / width / height / opacity并允许CSS过渡逐渐将其移至目标并在事件到达时触发事件来移动IMG元素。 ...

回答 1 投票 0

CSS过渡不适用于动态集

我在使用简单的JavaScript幻灯片轮播的CSS过渡属性时动态遇到问题。轮播工作正常,但是CSS过渡无法按预期工作。我是否想念...

回答 2 投票 0

我的Vue模态组件的过渡不起作用

在我的组件Modal.vue中,我有我的模板: [[[[]

回答 1 投票 0

是否总是在新值之前应用新的过渡?

假设我正在使用过渡,以平滑地更改元素在悬停时的位置。我还更改了transition本身的值,以在每个方向上实现不同的动画。好像当我...

回答 1 投票 0

关键帧文本翻译和旋转无效[重复项]

我喜欢翻译Y并将h1元素旋转到其位置。但是翻译不起作用,并且在旋转文本时离开其位置并取回,但是我希望它一直都在它的位置。 ...

回答 1 投票 0

是否有使用CSS3递增数字的方法?

我对JavaScript非常熟悉,我意识到我可以使用JS做到这一点,但是我不想-我宁愿能够在CSS中做到这一点,或者根本不这样做,因为我坚持CSS适用于...的规则...

回答 2 投票 0

如何从图像元素中分离背景不透明度转换

这是我的代码:https://codepen.io/ijshd7/pen/GRJeQpP .logo a {位置:相对;显示:inline-block; } .logo a :: before {指针事件:无;位置:绝对; ...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.