Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
如何用纯JavaScript控制变换距离
我做的http codepen io adamchenwei pen dOvJNX http codepen io adamchenwei pen dOvJNX 我尝试对 dom 应用某种移动方式 使其移动固定距离并停止 而不是动画并移动穿
javascript
css
cssanimations
csstransforms
KeyFrame
放大 div 内的图像而不移动 div
如何使图像在此 div 比例内 而不在悬停时进行实际的 div 缩放 所以我只想放大图像 这是代码 div img src some image div Use transform scale container display inlin
html
css
csstransitions
csstransforms
从三行菜单到十字菜单的动画变换
我有一个三行动画菜单 当您单击它时 它会切换为十字 首先 您会看到三条线变成一条线 然后切换到十字线 但我想跳过从三行到一行的步骤 我怎样才能做到这一点 这是小提琴http jsfiddle net adyocsm9 http jsfidd
jQuery
css
csstransitions
csstransforms
为什么媒体查询中的 CSS 旋转不会旋转回来
我有一个 SVG 其中一些元素根据媒体查询进行旋转 如下所示 media max width 480px rect transform rotate 10deg 该元素旋转得很好 但 至少在 Chrome 中 它拒绝返回 这是为什么 其他指
css
SVG
mediaqueries
csstransforms
SVG 文本元素上的 CSS 转换在 Safari 中不起作用
尝试在父 SVG 中放置电池指示器 SVG
SVG
safari
mobilesafari
csstransforms
将变换值添加到元素上已有的当前变换中?
假设我有一个div那有translateX and translateY动态添加的值 div class object child0 style width 50px height 50px 我想添加rotateY 20deg 到当前的变换
javascript
jQuery
css
csstransforms
webkittransform
将背景图像放入菱形容器中会导致容器失去形状
标题总结得很好 我可以很容易地绘制菱形 但是当我将图像添加到背景时 它会为形状添加更多边 我似乎无法弄清楚为什么添加背景图像时会发生这种情况 任何意见 将不胜感激 这是我的代码 请原谅内联 css 我只是这样做 直到我有一个可行的解决方案
css
csstransforms
如何在跨度上使用 CSS3 变换? [复制]
这个问题在这里已经有答案了 我有一个行内元素 a span 嵌套在 h1 标签 我申请了一个转换财产给h1 skew所以它看起来像一个平行四边形 我需要转换 the span 标记以 矫正 它及其文本 但这似乎只适用于 IE Here is
html
css
csstransforms
跨浏览器高度 100%(变换比例<1)
我似乎无法找到一种方法使子容器的高度为父容器的 100 并且只能看到滚动条 相反 我们看到高度的空白量增加了一倍 这个问题与Javascript 放大 缩小到鼠标 x y 坐标 https stackoverflow com questio
css
scroll
safari
csstransforms
CSS3 变换旋转在 Chrome 中导致 1px 偏移
我在 chrome 中遇到 css3 变换旋转过渡的问题 过渡工作正常 但在完成后元素会移动一个像素 另一个奇怪的事情是 它只发生在页面居中时 margin 0 auto 如果您也删除过渡 该错误仍然存 在 你可以在这里看到它发生 http
Googlechrome
css
csstransitions
csstransforms
缩放变换导致与 Flex 布局的渲染间隙
我使用 Flex 布局来渲染具有 3 个大小均匀的列的容器 div 它的工作原理正如我所期望的那样 直到我应用比例变换 当容器缩小时 内容框之间会出现细小的间隙 该问题发生在 MacOS Chrome 和 Safari 上 但不会发生在 F
css
Googlechrome
flexbox
csstransforms
如何在javascript中旋转输入类型范围拇指?
我有一个
javascript
html
css
csstransforms
:hover 仅适用于rotateX 转换后的div 的下部
我有一个 div 并应用了 CSSrotateX 变换 webkit transform perspective 500px rotateX 60deg rotateY 60deg 一堆较小的 div 漂浮在其中 并应用 hover 规则
css
Hover
csstransforms
如何将 CSS 翻译添加到现有翻译中?
我使用 CSS 翻译将 DIV 元素放置在屏幕上 这工作得很好 除了当稍后位移相同的元素时 原始位移被丢弃 使用 javascript 设置 CSS 起始位置 div style transform translate 800px 400p
javascript
css
csstransforms
Javascript,CSS:将变换原点更改为手势更改的中心点
我想将变换原点更改为捏合手势的中心点 此工作代码 safariDevSample 应用缩放和旋转而不改变transform origin window angle 0 global to store data for later reset
javascript
css
transform
gesture
csstransforms
对齐CSS中旋转的元素
我尝试旋转页面上的 div 并将其靠在其父元素 在本例中为主体 的左侧 我了解变换原点 但无论我插入什么值 它都无法正确对齐 http jsfiddle net QpHCM http jsfiddle net QpHCM HTML div
css
csstransforms
CSS 关键帧动画与平移变换在 IE 10 和 Firefox 中捕捉到整个像素
看起来 IE 10 和 Firefox 在使用 css 关键帧动画中的平移 2d 变换对元素的位置进行动画处理时 都会将元素捕捉到整个像素 Chrome 和 Safari 没有 看起来a lot制作微妙运动动画时效果更好 动画是通过以下方式
html
css
cssanimations
csstransforms
如何将多个转换声明应用于一个元素?
我有一个具有两个类的元素 一个称为 rotate 会将元素旋转 360 度 另一个称为 doublesize 会将元素缩放为其正常大小的 2 倍 rotate transform rotate 0deg rotate hover trans
css
csstransforms
在 Less 中组合多个“转换”条目
我有两个 mixin 它们都转换为 webkit transform rotate deg webkit transform rotate deg scale factor webkit transform scale factor 当我一
css
combinations
Less
csstransforms
IE/Edge 不应用转换:转换为表格行
当添加 CSS 转换时 例如transform translate 0px 45px 对于表行 Internet Explorer 已测试 10 和 11 和 Microsoft Edge 无法正确显示转换 使用一些简单的代码作为示例 ta
css
internetexplorer
csstransforms
microsoftedge
1
2
3
4
5
6
»