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

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

Мне попадались сайты где, таким образом появляется изображение какого-то продающего продукта. Картинка всплывала в сайдбаре блога и очень привлекала внимание. В  Блоггере установить это можно через гаджет 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


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

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

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

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

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

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

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

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

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

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

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

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

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

      Удалить
  6. Здравствуйте, я являюсь владельцем сайта http://codebra.ru/ae/5 - интерактивные онлайн-курсы по HTML, CSS, JavaScript.

    Хочу предложить вам партнерство. Если коротко, что представляет из себя партнерство: вы распространяете специальную реферальную ссылку (например, можете ее оставить где-нибудь на своем сайте и вам делать ничего не придется), люди переходящие по этой ссылке становятся вашими рефералами и если они регистрируются и покупают подписку на сайте codebra, то вы получаете 50% от стоимости подписки (это от 50 до 295 рублей за одну покупку). Человек является рефералом в течение целого года, то есть он может зарегистрироваться через месяц и все равно станет вашим рефералом. Здесь есть дополнительная информация: http://codebra.ru/ru/partner

    Очень жду любой ваш ответ! Почта для связи: partner.codebra@yandex.ru

    ОтветитьУдалить
  7. Если хотите успешно монетизировать этот ваш достаточно интересный блог и получать с него ежедневный доход в размере минимум от 2 долларов США, то рекомендую Вам воспользоваться размещением на его страницах рекламных блоков от высокодоходных парнерок, работающих с бесплатными блогами на платформе Блоггер, как у Вас. Перечень партнерских программ и примерное расположение рекламных блоков можно посмотреть на этой странице:
    http://nonsekret.blogspot.ru/2016/01/meendocash-meendo-cash-people-group.html

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

      Удалить

Пользовательский поиск
Foto Saya
My Photo