Скрыть объявление
Мы рады Вас видеть на нашем форуме! Надеюсь тебе у нас понравится и ты станешь вместе с нами активным и постоянным пользователем)

Читать Анимированные префиксы тем

Тема в разделе "Все о XenForo", создана пользователем MaxiRubo, 5 сен 2016.

  1. TopicStarter Overlay
    MaxiRubo

    MaxiRubo Команда форума Основатель

    1.249
    2
    1
    Инструкция не новая, и те кто все знает- просьба не писать лишнего.

    Сразу скажу: если вы активно используете префиксы, то данный метод, может повлиять на быстродействие форума.

    Приступим.
    Открываем EXTRA.css и добавляем следующий код:

    Анимация префиксов
    Код:
    Код:
    /* Свои префиксы */
    
    [class*="prefix_"] {
      border-radius: 3px;
      font-size: 13px; /* размер шрифта */
      text-align: center;
      padding: 0px 0 3px; /* высота префикса */
      display: inline-table;
      vertical-align: middle;
      min-width: 60px; /* ширина префикса */
    }
    
    .prefix_animation {
      background: linear-gradient(to bottom, #5bd73c 0%, #76d65c 50%, #4ec729 51%, #52c62f 71%, #5cc436 100%);
      color: #000000; /* цвет названия префикса */
      box-shadow:0px 0px 10px @primaryLight;
    -webkit-animation-name: rubberBand; /* эффект анимации bounce, flash, pulse, rubberBand, shake, swing, tada, wobble */
    -webkit-animation-duration: 3s; /* время анимации */
    -webkit-animation-iteration-count: infinite;
    -webkit-box-shadow: 0 0 10px #19ff19; /* цвет ауры */
    -moz-animation-name: rubberBand; /* эффект анимации bounce, flash, pulse, rubberBand, shake, swing, tada, wobble */
    -moz-animation-duration: 3s; /* время анимации */
    -moz-animation-iteration-count: infinite;
    -moz-box-shadow: 0 0 10px #19ff19; /* цвет ауры */
    -o-animation-name: rubberBand; /* эффект анимации bounce, flash, pulse, rubberBand, shake, swing, tada, wobble */
    -o-animation-duration: 3s; /* время анимации */
    -o-animation-iteration-count: infinite;
    -o-box-shadow: 0 0 10px #19ff19; /* цвет ауры */
    animation-name: rubberBand; /* эффект анимации bounce, flash, pulse, rubberBand, shake, swing, tada, wobble */
    animation-duration: 3s; /* время анимации */
    animation-iteration-count: infinite;
    }
    
    .prefix_no_animation {
      background: linear-gradient(to bottom, #ff1924 28%,#d00423 93%);
      color: #fff;
      -webkit-box-shadow: 0 0 10px #ff1924; /* цвет ауры */
      -moz-box-shadow: 0 0 10px #ff1924; /* цвет ауры */
      -o-box-shadow: 0 0 10px #ff1924; /* цвет ауры */
    }
    
    /* Конец. */
    Далее идем в


    На этом все.
     
Загрузка...
Похожие темы - Анимированные префиксы тем
  1. Shimikami
    Ответов:
    3
    Просмотров:
    1.508