css-transforms

    1热度

    3回答

    下面是代码,有没有办法阻止“发送”字从断线?我无法将p标签更改为span,因为动画无效。 .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid blue; border-right: 16px solid green; b

    0热度

    1回答

    我正在使用可以正常工作的转换属性,但是如果我添加了任何链接,那么它将无法正常工作,并在-180度时快速旋转,如果我点击后面的卡片。 我试图删除鼠标离开“翻转”类,但没有运气。有什么建议吗? $(document).ready(function() { $('.flipWrapper').click(function() { $(this).find('.card').

    1热度

    1回答

    我有一个div,并且在该div内有一个'svg'元素。 我想放大,并且每次点击'svg'元素的'scale'值都会增加,从而创建缩放效果。 但是,由于某些原因,当内部'svg'的比例增大时,父div的滚动条未被修改。 这个问题只发生在Chrome中,在IE中我实际上得到了想要的结果。 fiddle example var elementToScale = document.getElementBy

    0热度

    2回答

    我希望转换:translateY()转换和transform:scale()转换的持续时间分别为1.5秒和0.5秒。在多次尝试和搜索之后,我似乎无法找到这样做的方法。任何帮助表示赞赏。谢谢! //..CSS..// .circle1 { z-index: 1056; width: 80px; height: 80px; border-radius

    2热度

    1回答

    这个问题的更大的图片是我有一个转换的地图需要响应触摸手势,它需要从用户手势的中心缩放和旋转。 变换原点需要在每个新手势上都改变,但不改变旋转和缩放比例,基本上我想添加一个平移来补偿变换原点的变化? 或者如果有一种方法可以在改变变换原点的同时使用矩阵变换来保存变换?

    0热度

    2回答

    我使用联SVG与<use>元件像这样: <a href="/"> <svg><use xlink:href="#icon-home"></use></svg> </a> 在悬停,我必须施加到SVG(为简单起见省略前缀)的变换动画: a:hover svg { transform: translateX(10px); } 这对除Firefox以外的每个浏览器都可以正常

    0热度

    1回答

    我正在尝试使用CSS转换来使旋转木马中的中心对象具有更多的焦点/注意力。 (Carousel is Slick.js) 一切都很好,除了当我从最后一个项目返回到第一个项目时,出现了一个暂停和跳转。 这是什么造成的?我如何解决它? https://jsfiddle.net/6d91cqoq/1/ //pseudo code 编辑:这也恰好会从第一个到最后。 编辑2: 值得一提的是我从该网站Sli

    1热度

    3回答

    当我旋转div元素-6度这样... .skew-slider { max-width: 100%; overflow: hidden; float: left; perspective: 500px; margin: 0 auto 60px; display: block; } .skew-slider .inner-wrapper

    0热度

    1回答

    我正在尝试制作一个无缝动画,因此svg只是继续在连续循环中像雨一样行动。问题是动画重置,你可以告诉。我想用CSS3动画做到这一点。可能吗? 的完整代码在codepen低于 #sprinkles { position:absolute; height:100%; width:100%; } #sprinkles .sprinkle { animation:

    0热度

    1回答

    我一直在尝试动画列表项目移动到购物车。我看到一个video提到这两个列表项的代码结构需要相同,所以我重构了我的代码。我也阅读了角度文档,但不知何故,当我检查代码时,我无法找到我为动画编写的CSS,尽管在检查时我能够看到正确的ng-animate-ref ID,但动画没有发生。 <div ng-controller="menuCtrl"> <div flex="60" > <u