Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
使用过渡+不透明度更改+溢出隐藏时出现问题
如果您看到我共享的代码示例 您可以看到覆盖层超出了框的范围 我将问题追溯到transition属性 我想删除div之外的内容 溢出没有按预期工作 删除transition有效 但如果可能的话我想保留它 任何帮助表示赞赏 代码笔链接 http
javascript
html
css
cssanimations
用于创建动画渐变按钮背景的 CSS
我正在寻找一个CSS规则可以创建一个CSS动画按钮的彩色渐变背景 https i stack imgur com NHqf8 gif 我只是想玩它并这样做 https codepen io prashant nadsoftdev pen b
css
Button
cssanimations
lineargradients
KeyFrame
CSS 动画自定义属性/变量
一段时间以来我一直在努力让它发挥作用 关键是内部 div 将具有某种形状 并且可能会不止一个 这就是为什么我使用nth child选择器 这个内部 div 应该显示然后再次隐藏一段时间 问题是 我想在一个动画中为所有 后来的 多个内部 di
html
css
cssanimations
cssvariables
如何在不设置动画的情况下突然更改 CSS 动画中的属性
这是我试图弄清楚的 但没有使用 51 关键帧作为实现更改的黑客方法transform origin 这里有一个小提琴演示 http jsfiddle net p7pswnpq keyframes spin 0 transform origi
css
cssanimations
如何用纯JavaScript控制变换距离
我做的http codepen io adamchenwei pen dOvJNX http codepen io adamchenwei pen dOvJNX 我尝试对 dom 应用某种移动方式 使其移动固定距离并停止 而不是动画并移动穿
javascript
css
cssanimations
csstransforms
KeyFrame
让 Compass 将供应商前缀添加到动画选择器
谁能告诉我如何让 Compass 在编译时将供应商前缀添加到 CSS3 动画选择器中 我的配置文件如下所示 http path css dir sass dir images dir img javascripts dir js outpu
css
sass
cssanimations
compasssass
我可以使用 :hover 触发 CSS3 动画(或过渡),即使鼠标不再悬停,该动画也会继续运行
我正在创建一个链接列表 其中一个链接容器在悬停时会展开 包含详细信息 图像和说明 我用 CSS 过渡或动画来制作动画没有任何问题 问题是我希望它即使在鼠标移开后也能保持展开状态 我想在没有 JavaScript 的情况下做到这一点 那可能吗
css
csstransitions
cssanimations
CSS动画可见性:可见;适用于 Chrome 和 Safari,但不适用于 iOS
在Chrome WinXP上为19 0 1084 46 m 和Safari OS X 10 7 4上为5 1 7 中 这个小提琴http jsfiddle net Vkpwm http jsfiddle net Vkpwm 作品 单击goo
ios5
css
mobilesafari
mobilewebkit
cssanimations
什么是离散动画?
The MDN 动画文档 https developer mozilla org en US docs Web CSS animation v control指动画类型是离散 这是什么意思 离散动画从一个关键帧进行到下一关键帧 无需任何插值
css
Animation
cssanimations
CSS 3假3D立方体在2个盒子之间旋转
我使用 css 实现了翻转旋转 flip card position relative z index 1 webkit perspective 1000px moz perspective 1000px o perspective 100
html
css
cssanimations
如何防止图像被裁剪
我正在尝试创建一个包含很多图层的动画图片 为了在不同的屏幕上获得正确比例的图像 我使用covercss 属性值 我已经尝试过object fit对于图像和background size用于背景图像 这就是为什么我的宽屏幕图像被浏览器裁剪的原
html
css
cssanimations
双向 CSS 高度动画
keyframes mgm from max height 250px to max height 0px mgm width 180px border 1px solid black padding 10px animation mgm
html
css
cssanimations
悬停时连续 CSS 旋转动画,悬停时动画回到 0deg
我有一个元素 当你将鼠标悬停在它上面时 它会无限旋转 当您将鼠标悬停在外面时 动画就会停止 简单的 webkit keyframes rotate from webkit transform rotate 0deg to webkit tr
css
cssanimations
使用 CSS 过渡动画 max-height
我想创建一个仅由类名驱动的展开 折叠动画 javascript 用于切换类名 我正在上一堂课max height 4em overflow hidden 和另一个max height 255em 我也尝试过这个值none 根本没有动画 这个
css
csstransitions
cssanimations
制作波浪动画
我正在尝试制作音频波动画 这段代码有什么问题 我尝试将翻译更改为比例 但没有成功 有人可以给我一些动画练习的链接吗 webkit box sizing border box box sizing border box webkit pers
html
css
cssanimations
如何修复 iOS 11 和 macOS V10.12 Safari 上损坏的变换原点?
我正在尝试使用 svg 来实现 CSS 动画 我期望 2 个 svg 盒子正在旋转 旋转 transform origin center center 360度 看起来它在 Chrome 和 Firefox 上的表现符合我的预期 但在 ma
ios
css
safari
cssanimations
CSS动画表现
I have a small hobby project in which I try to build a matrix rain See demo http www audenaerde org matrix html这里 或这个JSF
css
performance
cssanimations
webkit translate3d 问题(peek-thru)
我正在使用 PhoneGap 构建一个 iOS 应用程序 我使用translate3d CSS 动画来创建 翻转 效果 这对于更简单的元素非常有用 带有前 后 div 的 DIV 可能还有一个或两个额外的跨度 但是当我尝试翻转更大的元素 即
ios
webkit
Cordova
cssanimations
translate3d
Safari 中的 CSS 动画延迟错误
我最近在 Safari 中遇到了一些与 CSS 动画有关的奇怪行为 并且在操作 DOM 时无法更新元素位置 我拍了一些 GIF 来说明这一点 在 Chrome 中 http recordit co cCim1IwyMc http recor
css
Animation
DOM
cssanimations
CSS 文本对齐延迟与宽度动画
我正在尝试将文本设置为动画 使其在页面加载时从左到右显示 这只需简单地设置即可完成 keyframes从 0 过渡max width至 100 然而 我的文本对齐设置似乎仅在动画完成后才应用 我只想让文本内容本身显示出我想要的位置 并假设我
html
css
cssanimations
textalign
1
2
3
4
5
6
...9
»