aliyaghobi
دوشنبه 28 دی 1394, 22:32 عصر
سلام دوستان
چطور میشه از animate.css تو طراحی قالب مثل این سایت استفاده کرد؟
http://daneden.github.io/animate.css/
http://adnegah.net/
فقط باید فایل css شو فراخوانی کرد یا اینکه کد js خاصی هم داره؟
<section class="features-1 os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.6s"> <div class="container"> <div class="row features"> <div class="col-sm-12"> <div class="col-md-3 col-sm-6 feature-box"> <div class="feature-box-icon"> <i class="fa fa-pencil fa-2x"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Custom Alias</h4> <p class="tall"> Your link can instantly have a cool and memorable address by adding custom alias. </p> </div> </div> <div class="col-md-3 col-sm-6 feature-box"> <div class="feature-box-icon"> <i class="fa fa-lock fa-2x"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Password Protect </h4> <p class="tall"> Set a password to protect your links from unauthorized access. </p> </div> </div> <div class="col-md-3 col-sm-6 feature-box"> <div class="feature-box-icon"> <i class="fa fa-suitcase fa-2x"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Bundle</h4> <p class="tall"> Bundle your links for easy access and share them with the public on your public profile. </p> </div> </div> <div class="col-md-3 col-sm-6 feature-box"> <div class="feature-box-icon"> <i class="fa fa-sign-out fa-2x"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Export URLs</h4> <p class="tall"> You can export your URLs along with a summary of the stats as CSV. </p> </div> </div> </div>
</div> </div> </section>
چطور میشه از animate.css تو طراحی قالب مثل این سایت استفاده کرد؟
http://daneden.github.io/animate.css/
http://adnegah.net/
فقط باید فایل css شو فراخوانی کرد یا اینکه کد js خاصی هم داره؟
<section class="features-1 os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.6s"> <div class="container"> <div class="row features"> <div class="col-sm-12"> <div class="col-md-3 col-sm-6 feature-box"> <div class="feature-box-icon"> <i class="fa fa-pencil fa-2x"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Custom Alias</h4> <p class="tall"> Your link can instantly have a cool and memorable address by adding custom alias. </p> </div> </div> <div class="col-md-3 col-sm-6 feature-box"> <div class="feature-box-icon"> <i class="fa fa-lock fa-2x"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Password Protect </h4> <p class="tall"> Set a password to protect your links from unauthorized access. </p> </div> </div> <div class="col-md-3 col-sm-6 feature-box"> <div class="feature-box-icon"> <i class="fa fa-suitcase fa-2x"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Bundle</h4> <p class="tall"> Bundle your links for easy access and share them with the public on your public profile. </p> </div> </div> <div class="col-md-3 col-sm-6 feature-box"> <div class="feature-box-icon"> <i class="fa fa-sign-out fa-2x"></i> </div> <div class="feature-box-info"> <h4 class="shorter">Export URLs</h4> <p class="tall"> You can export your URLs along with a summary of the stats as CSV. </p> </div> </div> </div>
</div> </div> </section>