css-transforms

    0热度

    1回答

    我做了视差效果here灵感来自this website。目前它监听mousemove事件并使用CSS转换来执行视差。我也使用lodash的油门功能,所以事件不会经常发生。 伪代码: let parallax = (e) => { // calculate deltas of mouse x and y from the midpoint // multiplier = 0.01

    0热度

    3回答

    我希望这不是一个愚蠢的问题,但我一直在弄乱这个比必要的更长的时间,并决定伸手去寻找答案。 我想要实现以下,中心的网页上: [动态变化的文本] [IMG] [其他文本] 文本的左边不该长度”不会影响整个街区的中心性质。 图像应该位于屏幕的中心,而不管周围的文字。 我试图使用左边的文字,达到了影响,但是当文本字符串长度的变化没有规模负翻译。 * { box-sizing: border-

    -1热度

    1回答

    我有一个SVG,它是一种包含12个字符的合照。 SVG还包含这些字符在合影照片中的位置。每个单个字符都有一个id。现在使用SVG的<use>我想在页面的另一部分重用这些单个字符。 像这样: 请注意,在底部示出了头部左侧上部图像的。正如你所看到的定位不起作用。我已经尝试设置top,left,position: absolute, translate(0, 0) - 但没有成功。 实际上它应该是这样的

    1热度

    1回答

    我很新的CSS动画的事情,我也跟着教程制作3D从这个网站http://www.the-art-of-web.com/css/3d-transforms/ 这是我转4向旋转件双面3D方:https://jsfiddle.net/k0u8kn4w/ 现在我想用JS来让广场的一面只在我点击它时旋转一次到第二面。所以我们假设最初的一面是A面(不移动),当我点击它时,我想让它旋转以显示B面(旋转一次90度)

    0热度

    2回答

    我尝试旋转图像并放大(最好显示在屏幕中央),但它不起作用。 第二个问题是,当一个对象增长时,它在其他对象下(z-index不起作用)。 任何人都可以提供帮助吗? .flip-container { -webkit-perspective: 1000; } .flipped { -webkit-transform: scale(2); -w

    1热度

    1回答

    使用转换和转换我试图制作:hover框来缩放图像并滑动标题。 jsFiddle 字幕容器向上滑动和图像做规模但如果image-details DIV辗过,而不是图像的图像不能扩展。 我该如何解决这个问题? image-details div将永远在图像前悬停可见;如果div的宽度和高度设置为100%。图像不会缩放。 .grid .mosa-grid .grid-image { backg

    1热度

    5回答

    我为中心的对象用下面的代码: .object { width: 70%; height: 70%; position: absolute; top: 50%; left:50%; /* these are the lines to which I will refer */ margin-top: -350px; m

    2热度

    1回答

    我有一个移动菜单,点击时应该形成X,但它不会响应并卡在它的形状上。我不知道它为什么会这么做,但据我分析,这个代码应该点击菜单来使菜单变成X.我附上代码以供参考。 这些CSS和HTML /* Checkbox Hack */ input[type=checkbox] { display: block; width: 40px; height: 32px

    2热度

    2回答

    如何在两个div之间转换,而无需在转换过程中查看页面的背景。在这个例子中,我希望刚才看到的数字变化: https://jsfiddle.net/j2td4hd7/15/ 过渡宽松设为linear。

    0热度

    1回答

    Velocity在我的项目中有部分工作,但我遇到的问题在JSFiddle(下面的链接)中是可重现的,我认为它可能以某种方式与项目的GitHub上的问题#770相关页。 (注:我有联系这一点,下面的其他物品,但没有信誉后超过2个链接,所以我的道歉不必看这些了。) 我会想知道如果有人能: 确认这是一个已知的bug, 看到一个修复此问题, 我在执行查找错误,或 提供替代解决方案。 我正在构建一个网站实现