Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Эффект появляющейся картинки

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


Мне попадались сайты где, таким образом появляется изображение какого-то продающего продукта. Картинка всплывала в сайдбаре блога и очень привлекала внимание. В  Блоггере установить это можно через гаджет HTML/JavaScript. Или как в моём случае, непосредственно на странице поста, перейдя в самом редакторе сообщения на режим HTML.

Код.

<style>.izo {
height: 0px;
padding: 1px;
-webkit-animation-name: movearound;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease;
}@-webkit-keyframes movearound {
from {
width: 0px;
background: #ccc;
opacity: 0.3;
-webkit-transform: scale(0.1) rotate(360deg);}
to {width: 0px;background: #ffffff;opacity: 1;
-webkit-transform: scale(1) rotate(360deg);}</style>
<div class="izo">
<a href="Адрес страницы (URL ) "><img border="0" src="Путь к картинке(URL )" /></a></div>

Вот и весь фокус. Если нашли применение смело экспериментируйте. Размеры картинки можно изменить обычным способом прямо в редакторе. Ещё красивые эффекты для изображений.

Всё сегодня. Спасибо, что заглянули. Удачи всем.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


14 комментариев:

  1. Еще бы знать как ее убирать чтобы не надоедала.

    ОтветитьУдалить
    Ответы
    1. Она появляется только в одном сообщении, где установлен код. А убрать куда проще. Просто не устанавливать.

      Удалить
    2. Понятно, но нужно убирать ее в том сообщении где она установлена - тогда можно найти кучу применений или переходить по ней, что не всегда нужно посетителю.

      Удалить
    3. Я ведь писала в сообщении что при частом использовании это будет раздражать посетителей. Но иногда можно найти ему применение. Тут каждый решает сам надо это или нет.

      Удалить
  2. Впервые вижу такой интересный эффект.

    ОтветитьУдалить
    Ответы
    1. Наталья, иногда можно найти ему применение.

      Удалить
  3. и я ранее такого эффекта не видел. интересно.

    ОтветитьУдалить
    Ответы
    1. Ну вот, как-то так. На самом деле код практически совсем несложный.

      Удалить
  4. Прикольно! Будут идеи, воспользуюсь))

    ОтветитьУдалить
    Ответы
    1. Рамазан, и просто к тому же. Если идея воплотится , дай знать. Посмотрю.

      Удалить
  5. Виктория, добрый вечер! С наступающим Новым годом! Скажите, как Вы разместили Деда Мороза? Я попробовала несколько вариантов, картинка устанавливается в рабочее поле....

    ОтветитьУдалить
    Ответы
    1. Лариса спасибо за поздравления. И Вас с Наступающим. Вышлите Ваш адрес на почту я скину код.

      Удалить
  6. Александр, я уж сама определюсь где и как мне монетизировать свой блог. Тем более партнёрки для взрослых, которые вы предлагаете,мне вообще неинтересны А другие я и так знаю.

    ОтветитьУдалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML