html5 - Pseudo-element ditambah tetapi tidak dapat dilihat semasa melihat elemen
为情所困
为情所困 2017-07-04 13:45:09
0
2
2018
.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;
}

Saya ingin menetapkan animasi dalam dua arah dengan cara ini, dan kesan tindih akan muncul sebagai lengkung
Tetapi elemen pseudo yang ditambahkan sekarang tidak dapat dilihat apabila melihat elemen tersebut
Di manakah saya salah menulisnya ?

为情所困
为情所困

membalas semua(2)
学习ing

Jika img 中的 src 是一个无效的地址,那么你的 ::after 或者 ::before 或许还可以在个别浏览器中看到,但是,如果 src anda ialah alamat yang betul dan sah, maka tiada unsur pseudo pada masa ini.

Tiada unsur pseudo dalam elemen label tunggal.

女神的闺蜜爱上我

img tiada unsur pseudo

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan