css-transitions

    2热度

    1回答

    同时淡入和淡出两个不同元素的转换

    我是Vue js和转换的新手，我正在设计一个Vue组件，我打算将数据从服务器中缓慢加载，这样当数据不可用时，显示加载gif。 它工作得很好。但是，当我添加一个简单的淡入淡出转换来使加载gif淡出并且当数据可用时内容淡入（反之亦然）时，当出现另一个时，内容和gif互相推上或推下，消失。 这是我Lazy.vue组件文件： <template> <div class="fixed-pos">
    javascript css3 vue.js vuejs2 css-transitions 2017-10-17

    -2热度

    2回答

    悬停在一个对象上以转换另一个对象

    我在HTML中有两个圆圈（div）。如何点击一个圆圈来改造其他圆（比如改变其不透明度：0.5;）使用过渡CSS3中 感谢
    css css-transitions 2017-10-18

    0热度

    2回答

    即使在悬停状态不变时也保持转换

    我有一个div容器，当我将鼠标悬停在此容器上时，通过将第二个div的不透明度从0更改为1，我在我的容器上显示另一个div。我点击第二个div（当我的容器悬停时出现），我正在做一个动画。我面临的问题是，当动画开始并且同时如果将鼠标指针从我的容器中移开时，动画也会消失而不会完成动画。我如何保持动画，直到它完成，如果我点击它后将鼠标指针从容器移开。 我的容器 <div key={index} class
    html css css-transitions css-animations 2017-10-19

    1热度

    1回答

    CSS转换父div内的子div的宽度

    我想使用CSS在5秒内将子div缓慢地从一个像素数量扩展到另一个像素数量（同时处于活动状态）。这一定是可能的，对吧？我试图做到这一点的方式不起作用。 #parent { background: black; height: 10px; width: 300px; z-index: 1; } #child{ ba
    css width css-transitions parent-child transition 2017-10-19

    -2热度

    1回答

    如何去除上部div时的转换

    我想知道如何在上部DIV被删除时如何进行一个div的转换...我知道有很多关于它的问题，但它们都使用Jquery和我不想用它。我怎样才能做到这一点？ 例如： <div class='father'> <div class='child'> <div class='child'> <div class='child'> <div class='child'>
    html css animation css-transitions 2017-10-20

    1热度

    2回答

    我应该如何在不一致的应用程序中进行这种CSS转换？

    我想做一个css过渡，我看到在不和谐的应用程序，有两个正方形缩放，旋转和翻译在顺时针方向方向。 最初，它们位于对角位置。 下面是我的尝试，但我没有把它说得很对。 .box { position: relative; width: 100px; height: 100px; margin: 10%; } .box1, .
    html css css-transitions 2017-10-21

    1热度

    1回答

    无法添加幻灯片而不隐藏标题

    我试图通过在顶部显示标题而不衰减来实现幻灯片显示。 我无法做that.Can有人帮助我在改变代码，以便幻灯片标题 这里开始下的是链接到我的codepen https://codepen.io/arunkayathi/pen/EbxpEv #landing-header { background-repeat: no-repeat; background-size:100%;
    html5 twitter-bootstrap css3 css-transitions 2017-10-29

    -1热度

    1回答

    如何在JavaScript中使用setInterval方法实现TRANSITION效果？

    我已经设置了一个网页，每2秒更换一次身体的背景颜色。我一直在努力的是如何将转换效果纳入setInterval方法。我希望新颜色具有淡入淡出效果，就像CSS中的transition属性一样。 如何才能达到这种改变/切换背景颜色的效果？ 这里是我的代码： var startButton = document.getElementById("startButton"); var body = do
    javascript html5 css3 dom css-transitions 2017-12-27

    0热度

    1回答

    css过渡与svg图像只能作用一种方式

    我目前正在开发一个网站，我有一个问题与CSS过渡。 在该网站上，左侧有一个带有徽标的标题。当您向下滚动页眉并且徽标缩小时。当您向下滚动特定数量的像素时，这可以在整个页面中添加.smaller类。 现在的问题：当您向下滚动标题时，会很好地缩小标题，但徽标会立刻改变它的大小，并且不会缩小动画。相反，当你再次向上滚动并且.smaller类被删除时，标志会很好地放大和动画。 你能想象这里的问题：https
    html css svg css-transitions 2017-12-27

    0热度

    1回答

    不能得到：转换到工作

    我似乎无法得到不透明转换工作在：伪元素之后，但在：before元素上的相同转换完全正常工作。任何帮助表示赞赏！ .top-nav li a:hover:after { content: "/"; display: inline-block; opacity: 1; transition: opacity 0.2s; margin-left: 10p
    css css3 css-selectors css-transitions transition 2017-11-18
最新问题