Наткнулся на интирестный сайт - https://daneden.me/animate/. Как реализованны вращающиеся шары вокруг названия ?
Комментарии: 36
Можно попробовать поменять первую строку на:
т.е. поменять * на класс .particle. Просто * действует на все элементы на странице, с классом только на нужные.
Больше в этих стилях нечему влиять на форум.
Код: Выделить всё
.particle{margin:0;padding:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
Больше в этих стилях нечему влиять на форум.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin, а как
Вставить в мой код шапки ?
Код: Выделить всё
<h1>Animate.css
<span class="particle particle--c"></span>
<span class="particle particle--a"></span>
<span class="particle particle--b"></span>
</h1>
Код: Выделить всё
<div id="site-description" class="site-description">
<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span class="site_logo"></span></a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
Шары же вокруг лого должны быть, как я понимаю, тогда после него и вставлять:
Код: Выделить всё
<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"><span class="site_logo"></span>
<span class="particle particle--c"></span>
<span class="particle particle--a"></span>
<span class="particle particle--b"></span>
</a>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!