recherche

Maison  >  Questions et réponses  >  le corps du texte

html5 - Pseudo-élément ajouté mais ne peut pas être vu lors de la visualisation de l'élément

.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;
}

Je souhaite définir l'animation dans deux directions de cette manière, et l'effet superposé apparaîtra sous la forme d'une courbe
Mais le pseudo-élément ajouté maintenant n'est pas visible lors de la visualisation de l'élément. Puis-je demander pourquoi
Où l'ai-je mal écrit ? ?

为情所困为情所困2777 Il y a quelques jours2068

répondre à tous(2)je répondrai

  • 学习ing

    学习ing2017-07-04 13:47:09

    Si votre img 中的 src 是一个无效的地址,那么你的 ::after 或者 ::before 或许还可以在个别浏览器中看到,但是,如果 src est une adresse correcte et valide, alors il n'y aura aucun pseudo élément pour le moment.

    Il n'y a pas de pseudo-éléments dans les éléments à étiquette unique.

    répondre
    0
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-07-04 13:47:09

    img n'a pas de pseudo-éléments

    répondre
    0
  • Annulerrépondre