css-transitions 相关问题

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

为什么'height'中的百分比单位不设置动画/过渡（css）[重复]

我在这里有问题和疑问。在下面的代码中，我想显示中间卡的高度从0％降至100％。但是无论我使用@keyframes还是过渡，都设置高度：...

html css css-animations css-transitions

回答 1 投票 0

元素延迟并抽动后动画

我正在尝试为标题中的菜单项设置行为，例如：http://www.germanamericanconference.org/partners/。悬停在元素上时，有一个可来回滑动的栏。就我而言...

css animation css-transitions transition pseudo-element

回答 1 投票 1

悬停状态和非悬停状态的单独过渡

这里是一个示例div- $（“ div”）。css（“ opacity”，“ 1”）; div {背景：红色；高度：100px；不透明度：0；过渡：所有0.2s到2.7s缓解； } div：hover {background-color：blue; ...

html css css-transitions pseudo-class

回答 5 投票 0

媒体查询中的转换在两个方向上均无效

我是CSS过渡的新手，正在尝试弄清它如何与媒体查询一起使用。我创建了一个基本示例，其中希望我的按钮在平滑过渡的情况下向上并回到中心，但是......>

html css css-transitions

回答 1 投票 1

悬停时保持动画的变换位置

悬停时，我希望文本向上移动几个像素。假设我希望动画持续2秒钟，但是如果在这2秒钟之后我仍然悬停，则我不想动画再次重复，并且...

css animation hover css-animations css-transitions

回答 1 投票 0

rotate3d的CSS过渡属性不适用于SVG

我在对转3d使用过渡属性时遇到麻烦。它适用于所有对象，但不适用于rotate或rotate3d。有没有办法单独选择rotate或rotate3d，所以我可以使用其他变换而无需...

html css svg css-transitions css-transforms

回答 1 投票 0

如何反转屏幕旋转对铬的影响？

我是CSS和JS的新手，我正在创建一个应用程序，用户可以在其中旋转手机，但网页内的图像会沿反方向旋转，因此看起来还是静止的。我试过var rotation = ...

javascript html css css-transitions screen-orientation

回答 1 投票 0

如何使元素通过js和css过渡旋转而没有变量

我有一个网站，我希望某个元素在被点击后能够绕360度旋转一次。我听说过旋转div元素的唯一方法是CSS transform属性。我已经尝试过一些...

javascript css css-transitions

回答 1 投票 -1

CSS 3：正确的用于翻译操作的“过渡属性”

我正在使用以下代码来实现对象单击时的简单翻译。 $（'＃div1'）。on（'click'，function（）{$（this）.toggleClass（'pushObject'）;}）; ＃div1 {...

html css css-transitions css-transforms

回答 1 投票 8

如何仅使用CSS进行过渡

您好，我的网站上有一个搜索箭头，向右箭头则同时在左侧和右侧转换。因为箭头在我网站的右侧，所以我只希望它仅向左过渡。换句话说...

html css css-transitions transition

回答 2 投票 0

在使用沉重的javascript函数时，如果我使用translateX（100％），css动画会停止，动画>> [

javascript css css-animations css-transitions svelte

回答 1 投票 1

img“粘贴”到悬停的分区上。如何在保持关系的同时使它出现在其他位置

我是整个游戏的新手，几乎每天都会处理问题。大多数时候，我用google解决了问题，学到了很多东西，但是这次我什么也找不到。所以，我有这个可爱的...

css css-transitions transition

回答 1 投票 0

有没有一种方法可以使元素旋转而不用变量告诉它已经旋转了多远？

我有一个实验性的网站可以播放音乐，并且我希望在您点击前进和后退按钮时旋转它们。但是，我也不想让2个变量成为它们已经走了多远，或者...

javascript css css-transitions

回答 1 投票 0

平滑过渡使元素出现

当我单击按钮时，我希望箭头可以平滑滑出。我目前正在通过添加“ show”类（如果应该显示箭头）来做到这一点。我试过显示：无； -> ...

javascript html css css-transitions transition

回答 2 投票 0

Matrix3d动态滚动

import React，{useState，useRef} from“ react”;从“ react-dom”导入{render}；从“样式化的组件”导入样式；从“ scroll-data-hook”导入{useScrollData}； const Menu =（）=＆...

javascript css reactjs css-transitions

回答 1 投票 0

为单个文本使用两种文本颜色，例如基于背景色的蒙版

用所有浏览器都支持的背景进行文本蒙版/剪切的最佳方法是什么？正如您在Codepen中所看到的，我试图将文本颜色仅在红色...

html jquery css css-transitions

回答 2 投票 3

如何在CSS中进行标题的转换

我在徘徊为什么我的代码既不能过渡又过渡，而我找不到答案。我敢肯定，与其他代码相比，它的工作效果有些错误，但是它很难...

css css-transitions

回答 1 投票 0

应用关键帧后如何反转

在此处输入代码，这是我正在应用的动画。它工作正常。 .sidebar.right.expand {动画名称：reducetime;动画时间：1秒； display：block！important $（document）.ready（（）=＆...

css css-animations css-transitions

回答 1 投票 0

CSS：如何在悬停时从背景图像中删除带有过渡的色调？

我有以下HTML和CSS示例，其中的图像带有红色。当我将鼠标悬停在它上面时，就消除了色彩-这是通过再次插入图像而没有...

html css animation css-transitions

回答 2 投票 0

在继续使用DOM之前如何使用DOM完全应用一个CSS过渡？

我想沿着特定路径移动箭头。我知道我必须应用CSS转换才能移动箭头，但是我遇到了一个问题。箭头需要先向下移动，然后向左移动，然后向上移动，直到它结束...

javascript html css dom css-transitions

回答 2 投票 -1

css-transitions 相关问题

最新问题