css-animations

    0热度

    1回答

    我有如下的SVG。现在这个圆圈占据了整个SVG的大小。我怎样才能让它看起来像这样:SVG具有一定的大小(比如说215x250),并且圆圈的大小应该在svg的中心。对于这个居中的圆来说,这也会非常棒,所以它看起来像一个加载微调器。 <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:

    1热度

    6回答

    .zd-slider { position:relative; overflow:hidden; margin-top: 0px; } .zd-slider img[id*="img"] {width:100%; position:absolute; left:0; top:0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsof

    -2热度

    4回答

    我想制作动画,但并不流畅。当我删除显示 - 一切正常。如何处理显示和顺利? div { display: none; opacity: 0; width: 50px; height: 50px; transition: opacity 3s; background-color: black; }

    1热度

    1回答

    我只是想在页面中发布新消息时设置背景淡出动画。 我只是想要改变背景。从蓝色到不透明度0. 只是在页面中实时添加新帖子时的基本动画。 我试过这个,但它不起作用,当我添加消息时,背景色仍然是蓝色。 我使用加上SASS /北斗 <div className="successfully-saved"><Message /></div> .successfully-saved{ backgro

    0热度

    2回答

    最初我有一个盒子,通过转换鼠标悬停时,不透明度从0.5改为1。它运作良好。 现在我想在不透明度0到0.5的开始添加一个延迟淡入动画。不幸的是,鼠标悬停转换不再起作用。 我欣赏每一个想法:) .box { width: 200px: height: 50px; padding:20px; background-color: red; transition: 1s ea

    2热度

    1回答

    简单的div来显示速度计; <div class="outer"> <div class="needle" ></div> </div> 在悬停时,速度计动画好; .outer:hover .needle { transform: rotate(313deg); transform-origin: center center; } 我需要这个动画在页面加载

    -2热度

    1回答

    我只是想知道有没有任何网站提供关于画布的简要信息。 我正在处理我的项目。其中一个画布和4个按钮。 这些是四个按钮:圆形,长方形,正方形和动画彩虹。 当我点击画布上的圆形按钮时,当我点击矩形按钮时显示动画圆圈,即时间圆圈在动画中的缓进/出风格中变为矩形。形状更改为其他形状,但以动画方式显示在画布上。 我读了很多文章看很多视频,但我找不到解决方案。 下面我显示一个图像。 如果任何人告诉我,给我一些建议

    1热度

    1回答

    我的代码有问题。 我想做一个div旋转,但是当div旋转时,位置与以前不同。 .rotateWindow { position: absolute; text-align: center; margin: 0 auto; width: 150px; height: 150px; left:50%; top:50%; t

    0热度

    1回答

    我试图使用淡出属性主页上的#logo,并在同一时间淡入到.container(整页)。所以虽然标志正在消失,但它正在填入的主要页面。我尝试了一些我发现但没有成功的代码。有谁知道一些适当的文件来达到它?谢谢 <div class="container"> <div id="logo" class="animated fadeOut"></div> </div> .animated {

    0热度

    1回答

    我想创建一个浮动从左到右的CSS动画。我有一个宽度为100%的div,云层是“position:absolute”的图像。我的解决方案非常简单:创建一个动画,它随着时间的推移将图像的“左”属性更改为120%。但是,该解决方案的问题在于,云在跨越其全宽后扩展了整个HTML文档的宽度。 我怎样才能防止这种情况发生,并使云层在穿过100%宽度后简单消失?提前致谢! 编辑: 这里是CSS的一部分: .he