html5 - 新增了偽元素 但是查看元素看不到
为情所困
为情所困 2017-07-04 13:45:09
0
2
1980
.swiper-wrapper .swiper-slide:nth-of-type(1) img:nth-child(2) {
    position: absolute;
    top: 23%;
    left: 45%;
    animation: rotate_flower1 2.5s ease-in infinite;
    /*animation: rotate_flower2 2.5s ease-out infinite;*/
    animation-fill-mode: forwards;
}
.swiper-wrapper .swiper-slide:nth-of-type(1) img:nth-child(2)::after{
    content: '';
    position: absolute;
    display: block;
    top: 23%;
    left: 45%;
    width: 2.5em;
    /*animation: rotate_flower1 2.5s ease-in infinite;*/
    animation: rotate_flower2 2.5s ease-out infinite;
    animation-fill-mode: forwards;
}

##是想透過這樣的方式設定兩個方向的動畫 疊加起來出現曲線的效果
但是現在新增的偽元素在查看元素時並看不到請問為什麼
哪裡寫錯了

为情所困
为情所困

全部回覆(2)
学习ing

如果你的img 中的src 是一個無效的地址,那麼你的::after 或者::before 或許還可以在個別瀏覽器中看到,但是,如果srcsrc

src

src

src🎜src🎜src🎜src🎜src🎜src🎜src一個正確的有效的地址,那麼這個時候是沒有偽元素的。 🎜 🎜單標籤元素是不存在偽元素的。 🎜
女神的闺蜜爱上我

img沒有偽元素

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!