CSS3 Ripple или Flicker Effect

pulse

Този скрипт е много подходящ за реалистичен ефект на онлайн или офлайн потребителски статус на вашия сайт, без да използвате gif изображения. Така че на тъмен сайт визуализацията ще изглежда страхотно и няма да е необходимо да излагате бутони. Тъй като този скрипт ще замени и потребителят ще види кой е онлайн и е на интернет ресурса. В горната част на страницата, до псевдонима на потребителя, има такава икона (видима за гостите). Ако го погледнете, той трепти. Когато статусът е ОНЛАЙН, той мига в зелено. Има повече блясък. Не става въпрос за тази връзка, а за статуса на потребителя.

1. CSS кодът на самия ефект

200?'200px':''+(this.scrollHeight+5)+'px');"> .pulse < animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infin ite; -webkit -animation-iteration-count: infinite; > @keyframes pulse < 0% < transform: scale(0.9); opacity: 0.7; > 50% < transform: scale(1); opacity: 1; > 10 0% < трансформация: мащаб(0,9); непрозрачност: 0,7; > >

@-webkit-keyframes импулс < 0% < -webkit-transform: мащаб (0,95); непрозрачност: 0,7; > 50% < -webkit-transform: мащаб(1); непрозрачност: 1; > 100% < -webkit-transform: мащаб (0,95); непрозрачност: 0,7; > >

Ако искаме да увеличим или намалим трептенето на състоянието, тогава можем просто да заменим scale( variables с нашите собствени);

2. Е, съответно, html

Условните изрази могат да се използват за сайтове на uCoz

PS- Този скрипт е много подходящ за реалистичен ефект на онлайн/офлайн потребителския статус на вашия сайт, без да използвате gif изображения.Пример за приложение -Страница с потребители. В горната част на страницата, близо до псевдонима, има такава икона (видима за гостите). Ако го погледнете, той трепти.