• Страница 1 из 1
  • 1
Форум » Веб-разработка » Коды сайта HTML » Эффект анимации текста логотипа на CSS3 (Красивая анимация для знакового логотипа для сайтов)
Эффект анимации текста логотипа на CSS3
Kosten
Дата: Суббота, 2021-05-15, 21:16 | Сообщение 1
Оффлайн
Администраторы
Сообщений:36965
Награды: 65


Если хотите создать оригинальный логотип, где присутствует анимация, то следует посмотреть этот эффект, который заключается в наборе текстуры с красивой анимацией. Но главное, что все исполнено на чистом CSS3, что самостоятельно можно выстроить свой оригинальный эффект, который при открытие страницы будет замечен для оригинальности портала.

Начало эффекта:



Заключение анимации:



Установка

HTML

Код
<div class="kigdsa">
    <div class="animation">
        <div class="slash"></div>
        <div class="sides">
            <div class="side"></div>
            <div class="side"></div>
            <div class="side"></div>
            <div class="side"></div>
        </div>
        <div class="text">
            <div class="text--backing">ZORNET.RU</div>
            <div class="text--left">
                <div class="inner">ZORNET.RU</div>
            </div>
            <div class="text--right">
                <div class="inner">ZORNET.RU</div>
            </div>
        </div>
    </div>
</div>

CSS


Демонстрация
Прикрепления: 4859399.png(5.9 Kb) · 0095740.png(4.3 Kb) · logo-text-css3.zip(4.6 Kb)
Страна: (RU)
Форум » Веб-разработка » Коды сайта HTML » Эффект анимации текста логотипа на CSS3 (Красивая анимация для знакового логотипа для сайтов)
  • Страница 1 из 1
  • 1
Поиск: