html - 在一行中包含更多类

Question

我使用 http://daneden.me/animate

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

让动画工作。

查看 html。

<div class="caption slideOne">                  
    <div class="capionImage animated"></div>                    
    <h1 class="captionTitle animated">Salty Spa <span class="captionSpan animated">Someseni</span></h1>                 
    <div class="breakLine animated"></div>                          
    <p class="captionParagraph animated">Terapii saline de inalta calitate si relaxare intr-o atmosfera placuta<br>alaturi de familia ta.</p><br><br><br>
    <a href="" class="sliderButton animated">Afla mai multe</a>
</div>

如何在不将每个类都放入“动画”的情况下将所有内容都包含在动画类中

Answer 1

. slideOne * {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

<div class="caption slideOne">                  
    <div class="capionImage"></div>                    
    <h1 class="captionTitle">Salty Spa <span class="captionSpan">Someseni</span></h1>                 
    <div class="breakLine"></div>                          
    <p class="captionParagraph">Terapii saline de inalta calitate si relaxare intr-o atmosfera placuta<br>alaturi de familia ta.</p><br><br><br>
    <a href="" class="sliderButton">Afla mai multe</a>
</div>