<tfoot id='sZMsW'></tfoot>
    • <bdo id='sZMsW'></bdo><ul id='sZMsW'></ul>

      1. <small id='sZMsW'></small><noframes id='sZMsW'>

        <legend id='sZMsW'><style id='sZMsW'><dir id='sZMsW'><q id='sZMsW'></q></dir></style></legend>
      2. <i id='sZMsW'><tr id='sZMsW'><dt id='sZMsW'><q id='sZMsW'><span id='sZMsW'><b id='sZMsW'><form id='sZMsW'><ins id='sZMsW'></ins><ul id='sZMsW'></ul><sub id='sZMsW'></sub></form><legend id='sZMsW'></legend><bdo id='sZMsW'><pre id='sZMsW'><center id='sZMsW'></center></pre></bdo></b><th id='sZMsW'></th></span></q></dt></tr></i><div id='sZMsW'><tfoot id='sZMsW'></tfoot><dl id='sZMsW'><fieldset id='sZMsW'></fieldset></dl></div>

        用于离开悬停的 CSS 伪类

        时间:2023-11-29
        <i id='1uCN7'><tr id='1uCN7'><dt id='1uCN7'><q id='1uCN7'><span id='1uCN7'><b id='1uCN7'><form id='1uCN7'><ins id='1uCN7'></ins><ul id='1uCN7'></ul><sub id='1uCN7'></sub></form><legend id='1uCN7'></legend><bdo id='1uCN7'><pre id='1uCN7'><center id='1uCN7'></center></pre></bdo></b><th id='1uCN7'></th></span></q></dt></tr></i><div id='1uCN7'><tfoot id='1uCN7'></tfoot><dl id='1uCN7'><fieldset id='1uCN7'></fieldset></dl></div>
      3. <tfoot id='1uCN7'></tfoot>
      4. <small id='1uCN7'></small><noframes id='1uCN7'>

          • <legend id='1uCN7'><style id='1uCN7'><dir id='1uCN7'><q id='1uCN7'></q></dir></style></legend>

                • <bdo id='1uCN7'></bdo><ul id='1uCN7'></ul>
                    <tbody id='1uCN7'></tbody>
                  本文介绍了用于离开悬停的 CSS 伪类的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  我的网站上有一个不错的小悬停效果,当用户悬停在链接上时,它会快速过渡.但是当用户将鼠标悬停在盒子上时,阴影(和其他特征)会立即消失,而不是淡出.有没有办法让属性同时淡入和淡出,也许使用某种 :un-hover 类型的伪类?谢谢!如果有帮助,这里是 CSS 块:

                  I have a nice little hover effect on my website that quickly transitions in as the user hovers over a link. But when the user leaves hovering over the box, the shadow (and other traits) go away immediately, instead of fading back out. Is there a way I can get the properties to fade both in AND out, maybe using some sort of :un-hover type pseudo class? Thanks! And here is the CSS block if it helps:

                  a.squares:hover, a.squares:active {
                      color: black;
                      background-color: #E8E8E8;
                      box-shadow: 0 0 12px black;
                      -webkit-border-radius: 15px;
                      -moz-border-radius: 15px;
                      border-radius: 15px;
                      -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
                      -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
                      transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
                  }
                  

                  推荐答案

                  将过渡放在 a.squares 而不是 a.squares:hover

                  Put the transitions on a.squares not a.squares:hover

                  a.squares {
                      -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
                      -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
                      transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
                  }
                  a.squares:hover, a.squares:active {
                      color: black;
                      background-color: #E8E8E8;
                      box-shadow: 0 0 12px black;
                      -webkit-border-radius: 15px;
                      -moz-border-radius: 15px;
                      border-radius: 15px;
                  }
                  

                  当我刚刚离开过渡时,我经历了这件事:)

                  I went through this exact thing when I was just leaving about transitions :)

                  这篇关于用于离开悬停的 CSS 伪类的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  上一篇:如何在 keydown 上使用 Javascript 模拟悬停? 下一篇:链接悬停导致 background-size: cover;在 Chrome 中切换

                  相关文章

                • <small id='OfiNZ'></small><noframes id='OfiNZ'>

                • <i id='OfiNZ'><tr id='OfiNZ'><dt id='OfiNZ'><q id='OfiNZ'><span id='OfiNZ'><b id='OfiNZ'><form id='OfiNZ'><ins id='OfiNZ'></ins><ul id='OfiNZ'></ul><sub id='OfiNZ'></sub></form><legend id='OfiNZ'></legend><bdo id='OfiNZ'><pre id='OfiNZ'><center id='OfiNZ'></center></pre></bdo></b><th id='OfiNZ'></th></span></q></dt></tr></i><div id='OfiNZ'><tfoot id='OfiNZ'></tfoot><dl id='OfiNZ'><fieldset id='OfiNZ'></fieldset></dl></div>

                  <legend id='OfiNZ'><style id='OfiNZ'><dir id='OfiNZ'><q id='OfiNZ'></q></dir></style></legend>
                  <tfoot id='OfiNZ'></tfoot>
                    <bdo id='OfiNZ'></bdo><ul id='OfiNZ'></ul>