css-transforms

    0热度

    2回答

    框阴影开关过渡？

    http://lucasdebelder.be/googledoodle/ 这里是一个真人版。 所以你可以在门户网站看到有它周围的光晕这是box-shadow;我想有这回事，并关闭，因此它有点儿感觉更真实，我已经添加了transition: box-shadow ease-in-out;，但它只做它在开始，在页面加载后，然后只是继续发光。 下面是相关的代码。 （portaal_links意味着门户
    html css css-transitions css-transforms box-shadow 2017-04-02

    1热度

    2回答

    如何在一个div上动画这两个东西？

    这里是一个真人版的http://lucasdebelder.be/googledoodle/ 首先我还挺想解决它不使用JavaScript/jQuery的，我希望保持它的纯HTML &基于CSS的:) 专注于门户网站，我希望在我的飞碟通过后让它们开放并缩小。我已经尝试过多件事但它不想工作。如何在不使用hover语句的情况下进行转换？我有一个发光的，这是已经在它上面的盒子阴影，使它看起来互动，但我怎
    html css css-transitions css-animations css-transforms 2017-04-02

    0热度

    1回答

    在SVG形状和clipPath上使用变形动画的问题

    我创建了一个SVG图像，其中包含两个形状：一个山和一个月亮，并且想要对它进行动画处理，使其看起来像月亮从山后升起。但是，SVG需要透明，所以我创建了另一个山形作为月球的剪辑路径。 月亮被修剪得很好，但问题是，一旦动画发生，月球的剪辑部分随之移动，因此最终看起来就像是一个部分月亮。这里有一个的jsfiddle显示这是怎么回事： https://jsfiddle.net/zr71jaf2/ SVG代码
    svg css-animations css-transforms clip-path 2017-04-04

    0热度

    1回答

    CSS rotateX在Chrome浏览器中反转比Safari，IE，Edge，Firefox

    我想添加一个动画，看起来像老虎机旋转。我的问题是我希望所有的数字从底部旋转到顶部。这个提琴手适用于所有浏览器，但铬。 Chrome从上到下旋转数字。 如果我添加-webkit-前缀，那么它会在Safari中反转它。有任何想法吗？ 基本上我试图从关键帧 transform: rotateX(-72deg) translateZ(20px); 到 transform: rotateX(72deg)
    css google-chrome animation css-transforms 2017-04-13

    0热度

    1回答

    标题在CSS

    图像悬停效果谢谢你所有的时间提前到我的问题分享， 我有隐藏在图像上的背景色的问题，我试图用溢出隐藏图像上的额外颜色填充。我也使用引导框架。这里是链接中的悬停效果。 http://www.bootply.com/JrP58sZHkg
    twitter-bootstrap overflow css-transitions css-transforms 2017-04-23

    0热度

    1回答

    在某些元素Webkit转换期间模糊文本

    我试图创建一个web应用程序时，有一些简单，漂亮的过渡效果，当悬停在按钮或侧重于表单域。 如果表单字段在页面上的常规div中，并且您专注于它，表单字段'弹出'就好，并且没有问题。 但是，如果表单字段在悬停转换期间弹出的灯箱中，则灯箱中的所有文本都变得模糊。一旦变换完成，它就不再模糊。 你一些例子： <div> <b>First Name:</b> <input type="te
    css css3 webkit css-transitions css-transforms 2017-04-25

    2热度

    2回答

    Safari SVG变换原点缩放动画

    我有一个正在动画的内联SVG，但是当你在浏览器中放大或缩小时，正在旋转的对象不再在其中心点旋转。 它在Chrome中正常工作。 http://codepen.io/chrismorrison/pen/rmLXWw #rays { animation: spin 6s linear infinite; -webkit-transform-origin: center center
    animation svg safari css-transforms 2017-04-26

    1热度

    3回答

    如何将旋转div与变换原点对齐？

    我一直忙于这么长时间试图让我的时钟为中心。 我怎么能中心所有的旋转class=pointer在clock的中间？ 无论我尝试什么，它总是偏离中心。从未完全集中。 有人救了我！ const elHrs = document.getElementById('hours'), elMin = document.getElementById('mins'), elSec = document.
    css css3 css-transforms 2017-04-26

    4热度

    2回答

    ie11翻译规模模糊图像

    我想创建一个气球飞行的动画。除了IE11之外，所有现代浏览器都是如此。 我使用translateX和translateY没有任何问题，但规模导致图像变得模糊。 @media (min-width: 1100px) { \t .balloon-outer, \t .balloon-inner, \t .balloon { \t \t height: 100%; \t \
    css animation css-animations internet-explorer-11 css-transforms 2017-05-04

    7热度

    1回答

    后台中心与变换的3D和过滤模糊在Firefox

    inb4：对不起，这需要超长加载可怕的超大图像，点击链接并阅读问题，如果以后你不喜欢等待！ 因此，我正在制作一个网站，其中我用2d图像移动鼠标使虚假的3D效果的this prototype。我想在用户点击其中一个三角形时突出显示滤镜模糊效果。 我的问题是it completely breaks in firefox当我添加的模糊。我没有问题，但在Chrome浏览器的模糊，但由于某种原因在Firef
    css firefox css-transforms background-position css-filters 2017-05-12
最新问题