好吧,我有鏈接的第一個字母已經顯示出來了,當我懸停時,我想讓其他字母顯示出來并有過渡(以某種方式影片化)。
首先,我讓所有的字母都不可見,然后通過::first-letter偽元素,我用visibility: visible讓第一個字母可見。當我把它懸停時,其他的字母就會顯示出來,但是它沒有影片,我想用不透明度來添加它。
我把所有字母的不透明度設定為0,在::first-letter中我把不透明度設定為1,我所期望的是,使過渡作業,然而它不是。
。.navbarlist li a {
visibility: hidden;
transition: all 0.5s ease;
opacity: 0;
}
.navbarlist li a: :first-letter {
transition: all 0.5s ease;
visibility: visible;
opacity: 1;
}
.navbarlist li a:hover {
visibility: visible;
transition: all 0.5s ease;
opacity: 1;
}
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
使用這段代碼,所有的字母都是不可見的,我想知道為什么它不能作業。有什么建議嗎?
uj5u.com熱心網友回復:
::首字母偽元素只能用于某些屬性,但不透明度&可見性不是其中之一。
你將不得不把你的文本分成多個span標簽,以實作你所期望的輸出
。轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/306762.html
標籤:
上一篇:如何洗掉結構中的類變數?
下一篇:導航選單專案沒有垂直居中
