Эффект пульсации или мерцания на CSS3 - Скрипты - UCOZ - Каталог файлов


Данный скрипт очень подойдёт для реалистичности эффекта онлайн или оффлайн статусу пользователя на вашем сайте без использования gif изображений. Так что на темном сайте будет отлично смотреться по визуализация и вам не нужно буде выставлять кнопки. Так как этот скрипт заменит и пользователь будет видеть, кто онлайн и находится на интернет ресурсе. В верхней части страницы возле никнейма пользователей стоит вот такая иконка (видна гостям). Если посмотреть на неё, то она мерцает. При статусе ONline она мерцает зеленым цветом. На ней мерцание заметнее. Дело не в этой ссылке, а в статусе пользователя. Сам CSS код эффекта: Code .pulse { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } Если хотим увеличить или уменьшить мерцание статуса, то можно просто заменить переменные scale( на свои ); Ну соответственно html: Code <span class="pulse"><img title="В сети" src="/icon/online.png"></span> Для сайтов uCoz можно использовать условные операторы: Code <?if($USERNAME$=$_USERNAME$)?><span class="pulse"><img title="В сети" src="/icon/online.png"></span><?else?><img src="/icon/offline.png" title="Не в сети" alt="Не в сети"><?endif?> PS- Данный скрипт очень подойдёт для реалистичности эффекта онлайн/оффлайн статусу пользователя на вашем сайте без использования gif изображений. Пример применения - Страница пользователей. В верхней части страницы возле никнейма стоит вот такая иконка (видна гостям). Если посмотреть на неё, то она мерцает. Смотреть: DEMO
Важно! При копировании материала указывать ссылку на источник. Оценить материал + 3 - 555 - 26-Ноября-2016 - 0 Материал разместил:

Похожий материал

Статьи сайта

12-Ноября-2017 в 23:41:03

Рай для верстальщика: синхронизация окон браузеров

29-Июня-2017 в 12:30:13

Что такое информер и зачем нужен на сайте

29-Июня-2017 в 10:21:53

Ограничить длину заголовка и описание к материалу для uCoz

05-Марта-2017 в 12:54:01

Сокращаем "Описание" в вид материалов

01-Марта-2017 в 17:08:05

Не форматируется флешка? Решение есть

Регистрация позволит Вам стать полноценным участником данного проекта. Вы сможете оставлять комментарии, просматривать скрытый текст, голосовать в опросах и многое другое. В случае возникновения проблем с регистрацией, напишите администратору сайта.

Соглошения:

Администрация данного сайта не несет ответственность за использование ресурсов доступных на этом сайте. Вся информация дана исключительно в образовательных целях. Вся информация, расположенная на этом сайте предназначена только для ознакомительных целей, авторы не несут ответственности за возможные последствия использования их в целях, запрещенных Уголовным Кодексом. Вы обязуетесь не применять полученные здесь программы и информацию в целях, запрещённых УК. Ни при каких условиях и обстоятельствах ответственность за последствия, которые прямо или косвенно повлекло за собой использование информации или программного обеспечения, размещенного на этом сайте, не может возлагаться на авторов сайта и быть основанием для их судебного преследования. Вы соглашаетесь с указанными условиями, можете приступить к регистрации и дальнейшему просмотру материалов. В противном случае рекомендуется немедленно покинуть сайт.

Общие правила поведения на сайте:

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

Начнем с того, что на нашем сайте нужно вести себя уважительно ко всем посетителям сайта. Не надо оскорблений по отношению к участникам, это всегда лишнее. Если есть претензии - обращайтесь к Админам или Модераторам (воспользуйтесь личными сообщениями). Оскорбление других посетителей считается у нас одним из самых тяжких нарушений и строго наказывается администрацией. У нас строго запрещен расизм, религиозные и политические высказывания. Заранее благодарим вас за понимание и за желание сделать наш сайт более вежливым и дружелюбным.

На сайте запрещено:

- сообщения, не относящиеся к содержанию статьи или к контексту обсуждения
- оскорбление и угрозы в адрес посетителей сайта
- в комментариях запрещаются выражения, содержащие ненормативную лексику, унижающие
человеческое достоинство, разжигающие межнациональную рознь
- спам, а также реклама любых товаров и услуг, иных ресурсов, СМИ или событий, не
относящихся к контексту обсуждения статьи

Давайте будем уважать друг друга и сайт, на который Вы и другие читатели приходят пообщаться и высказать свои мысли.

Администрация сайта оставляет за собой право:
Удалять комментарии или часть комментариев, если они не соответствуют данным требованиям.

C уважением администрация сайта