-
1 votesanswersviews
转换动画不适用于bootstrap轮播中的第一张幻灯片
我有一个bootstrap 4.0轮播，我想要每个幻灯片活动时缩放效果 . 我使用了 transform: scale 属性来实现它 . 我已将 transform: scale 应用于 .carousel-item.active img 元素 . 我使用jquery为第一个元素添加了活动类 . 我的第一张幻灯片无法播放动画 . 当它循环时它起作用 . 我试图在setTimeOut函数中添加该类，... -
3 votesanswersviews
CSS3转换后的元素在转换过程中会失去转换 . （包括jsFiddle）
所以我有这些六角形瓷砖，我想在悬停时扩大规模 . 六边形是通过多个DIVS和CSS3变换完成的 . 我希望在比例尺上有转换，但转换过的部分在转换过程中会失去转换，并在转换完成后重新出现 . 有什么建议？ 这是一个小提琴：http://jsfiddle.net/A2mTU/1/这是它应该是什么样子（注意：我知道他们使用canvas元素，我需要使用常规CSS）：http://www.upperfirs... -
0 votesanswersviews
转换旋转的Css过渡在Chrome中无法正常工作
我有一些div元素，我尝试移动和旋转透视 . 小提琴：http://fiddle.jshell.net/nu6EA/ 该代码在FF 24.0中运行良好，但在Chrome 30.0.1599.101中存在一些问题 . 有趣的是，我在红色div的过渡中实现了我想要的，但黑色的那个是奇怪的 . 它开始旋转，但它不是在正确的方向而不是平滑，而是在过渡结束时旋转 . 码： HTML： <div cla... -
10 votesanswersviews
控制CSS立方体旋转（变换）并从3d矩阵中提取值
我制作了CSS立方体，我正在使用上/下和左/右键旋转，但我在旋转方向上遇到了问题 . 尝试＃1 DEMO 使用this article我设法绑定键并将旋转应用于多维数据集 . 我的第一个问题是CSS transform 函数旋转元素轴，所以当，即 . 我按下，Y轴和Z轴改变位置 . 我为这种情况调整了原始代码，但另一个问题是，因为轴是向量，当我按下2次X和Z回到位但矢量被反转（左键开始向右旋转立... -
0 votesanswersviews
CSS - transform：scale（）与元素大小无关
有没有办法将 transform: scale() 应用于一个元素（或类似的东西，尽管理想情况下它应该能够安全地动画化），这会使元素看起来更大，但是"ignore"元素's size (obviously this isn't正是我的意思，继续阅读） . Here是我的意思的一个例子 . 基本上，这个想法是使2个不同尺寸的元素看起来以相同的方式缩放，尽管有2种不同的尺寸 . 应... -
1 votesanswersviews
变换时的元素宽度：translate（）
我绝对定位容器底部中心的ul列表（但可以是任何元素） . 当窗口或容器调整大小时，列表会缩小，就好像它是某种边距或填充或最大宽度应用于某处 . 见this fiddle . Desired effect 我需要列表来保持自动宽度（取决于其内容），并且只有当它超过父级宽度的100％时才会收缩 . 我注意到这种行为只发生在transform：translateX（-50％） . EDIT 包装器div... -
-1 votesanswersviews
CSS变换规模并不像mtpaint那样平滑
我想在图像上应用缩放，但这使得它在这里是平滑的html示例 <img src='https://upload.wikimedia.org/wikipedia/en/9/93/Opera11favicon.png' style="transform: scale(8);transform-origin: 0 0;" /> 哪里可以看到https://codepen.... -
1 votesanswersviews
儿童内部的CSS Flexbox图像比例
我有以下html： <html> <head> <title>asd</title> </head> <body> <div class="wrapper"> <div class="slide slide1"><... -
1 votesanswersviews
绝对定位的元素相对于变换元素的位置
我重新创建了一个我在模板中遇到的问题 . nav 有 position: relative; . 在 nav 内部有一个 div ，其中嵌套了两个列表 .其中一个列表绝对是坚持 nav 的底部 . 当 div 应用了转换时会发生此问题 .当绝对和相对定位元素之间的 div 得到变换属性时，绝对列表相对于 div 而不是 nav 定位自己 . MDN Docs state the follow... -
3 votesanswersviews
带右箭头的按钮 - 过渡
在css变换和伪元素的帮助下，我用箭头形状的右边框制作了css按钮 . 现在我正在尝试在悬停时添加过渡到背景，但是在过渡颜色不同的过程中，在按钮与伪元素重叠的地方意识到存在问题 . 请参阅下面的内容，尝试将鼠标悬停在： body { background: gray; background-image: linear-gradient(30deg, #445 12%, transparent ... -
2 votesanswersviews
为什么旋转（0deg）很重要？
试图使用CSS3动画在50px的半径范围内连续制作圆轨道： <!DOCTYPE html> <html> <head> <style> div { width: 10px; height: 10px; background-color: black; position: absolute; -webkit-an...