HTML Coding

29,542 questions in this forum

1. Анимация на css3

   Всем привет! Имеется вот такое вот меню. Хотелось бы сделать плавное наполнение заднего фона пунктов меню при наведении, но так, как задний фон сделан из "спрайта" выглядит фигово. Можно ли как-то сделать красивое, плавное наполнение (насыщение). http://jsfiddle.net/eW3YR/1/

   Asked by Jeka778, February 24, 2014

   • css3
   • анимация
   0 votes
   6 answers
2. Анимация на CSS3

   Я читал упоминания о том, что на CSS3 можно без JavaScript добиться открытия и закрытия блоков сайта. Я хочу разместить в скрытом блоке форму обратной связи и сделать кнопку, по нажатию на которой эта форма будет появляться, а кнопка исчезать. Можно ли это сделать с помощью CSS3? И если да, то как?

   Asked by PavelTkachev, November 26, 2014

   0 votes
   15 answers
3. Анимация на сайте

   Добрый день. Есть задача сделать анимацию как в примере по ссылке (видео на Youtube.com) - С подобным ни разу не сталкивался, но ужасно хочется понять, как это реализуется. Я не прошу готового решения, я лишь прошу чтоб меня направили в ту сторону, в которой можно в этом разобраться. Спасибо.

   Asked by Ferensy, October 30, 2017

   • анимация
   • jquery
   0 votes
   3 answers
4. Анимация не подключается.

   Скачал файл animate. css Скинул в папку с CSS, подключил в HTML через link. Добавил в тег <div class="offer animate fadeinLeft> чтобы блок при загрузке выезжал слева(для примера) . Но ничего не происходит. В чём причина?

   Asked by Bolvongar, February 20, 2021

   • div class=offer animate
   0 votes
   1 answer
5. Анимация не срабатывает при 'height=auto;'

   Всем привет Мне нужно сделать выпадающее меню с динамически меняющимся кол-вом ячеек с анимацией(слайд), вот код: http://pastebin.com/jbNp23LK Все получилось, но только для определенного кол-ва ячеек, т.е. высоту блока alert нужно указывать точно, если указать auto, то анимация не проигрывается. Пробовал изменять ее с помощью JS: document.getElementById('alert_id').style.height = '90px'; Тажа история, анимация не проигрывается, блок alert просто появляется при наведении на count, что делать? (:

   Asked by frog163, May 30, 2013

   0 votes
   1 answer
6. Анимация открытия двери

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

   Asked by iKNG, March 27, 2014

   0 votes
   3 answers
7. Анимация панорамы

   Господа професионалы хочу спросить, желательно с условно подробным ответом, как реализовать такую вещь. Есть место на сайте (680*290) сейчас там статичная картинка. Хотелосьбы ее заменить на панорму (3000*290) (не меняя раземы места) которая бы медлено двигалась покругу (либо вперед-назад). Как и какими средствами это можно реализовать (без флэша) ? Спасибо!

   Asked by nickoff, June 14, 2013

   0 votes
   2 answers
8. Анимация перед рендером страницы

   Народ как решить такую проблему? Например какой-то сайдбар у меня скрыт за экраном через минусовой транслейтX или через левую позицию, любой из вариантов, и по клику на что-то он выезжает, но когда происходит рендер (ф5 или переход) страницы, я вижу в секунду как он гад уезжает за экран. В песочнице такого не наблюдаю, а вот на работе, иногда делаю такие вещи и при загрузке страницы это появляется... Извините за сумбурность, реально показать не получается. Возможно кто-то сталкивался с подобной проблемой? Вот пример такого сайдбара http://codepen.io/hesrun/pen/ZWJjwp

   Asked by vladmih, March 30, 2016

   0 votes
   13 answers
9. Анимация текста во флэше

   Здравствуйте! У меня есть вопрос по поводу анимации текста. Вот собственно свф, в котором яркий пример нужного мне эффекта: BANNER На самом первом слайде текст Inquire... Как сделать такую анимацию текста подскажите пожалуйста?

   Asked by Wasc, January 20, 2012

   0 votes
   0 answers
10. Анимация фиксированного меню

    Здравствуйте. У меня есть два фиксированных меню. У первого высота 150рх и видно оно сразу на странице, а когда пользователь прокручивает страницу меню уменьшается до 60рх. Мне нужно сделать так, что бы маленькое меню выезжало с верху страницы. Примерно как на этом видео: Если есть готовый скрипт, буду благодарен. upd. Задача немного изменилась, нужен эффект fade in , fade out

    Asked by Temiks, February 8, 2016

    0 votes
    4 answers
11. Анимация фона

    Сделал вот такой пример. Почему-то время движения субъективно различается в браузерах. В хроме быстрее, в IE и Firefox медленнее. Почему так может быть? http://jsfiddle.net/04yvqa25/ Если движения сразу не видно, надо чуток подождать.

    Asked by Vlad, March 9, 2015

    0 votes
    14 answers
12. Анимация чисел

    Здравствуйте! Подскажите пожалуйста, как реализовать быструю прокрутку чисел от 0 до 100 например. Можно это сделать на css3 или jquery, может уже есть готовый плагин?

    Asked by coolhtml, August 20, 2014

    • css3
    • animate
    0 votes
    3 answers
13. Анимированая кривая полоса

    Добрый день, подскажите пожалуйста, как лучше сделать такую штуку? Зеленая линия должна вырисовываться на экране в течении заданного промежутка времени. url картинки Думал о варианте с трансформациями и анимацией на css с контролем на js. Но подумал вдруг есть способ о котором я не знаю. Если есть поделитесь пожалуйста.

    Asked by li4e, December 25, 2014

    • css
    • html
    • jquery
    • js
    • svg path
    0 votes
    7 answers
14. Анимированное меню

    Добрый день! Ситуация следующая: имеется меню из текста и картинки, при наведении на строку меню картинка с помощью java-script изменяется на другую (картинка2). Проблема в том, что при наведении на меню первый раз картинка2 грузится некоторое время (в зависимости от скорости инета), чего хотелось бы избежать. Идея загрузить вторую картинку заранее, чтобы она прокешировалась сразу при загрузке страницы реализовывалась след. образом: <img src="pictures/logo1.jpg"> <img src="pictures/logo2.jpg" style="display: none;"> Но она не принесла успеха. Подскажите п-ста, каким образом можно избежать длительной загрузки второй картинки при наведении на меню?

    Asked by rolling, June 3, 2010

    0 votes
    3 answers
15. Анимированное меню в виде сот

    Добрый день. Сделала вот такое меню в виде сот http://codepen.io/anon/pen/rGJEI Текста не будет. Анимация работает только в хроме, т.к. использовала "filter", который поддерживается лишь в этом браузере и почему-то замыливает фотографии. Это была проба фильтра, в дальнейшем добавлю фиксы этого для всех браузеров, которые нашла на просторах интернета. Но вопросы немного в другом: 1. Думала просто подтянуть чб картинки вместо фильтра, но таких картинок слишком много на нескольких страницах и есть ли в этом вообще смысл? Если оставлять фильтр, то как убрать замыленность? 2. Возникла проблема при переносе этого куска в основной код. В фоне страницы - картинка, которая к…

    Asked by NatalieZ, December 5, 2013

    0 votes
    2 answers
16. Анимированные табы

    Добрый день! Помогите, пожалуйста, с анимацией. Использую jquery-плагин shiftyNav(https://plugins.jquery.com/shiftynav/) Вот пример - http://codepen.io/anon/pen/EWgKKX При анимации, идущей слева-направо(если кликать text1-text2-text3) происходит активный блок уезжает налево и появляется новый блок. А при анимации справа-налево(если кликать text3-text2-text1) происходит активный блок скрывается чуть вправо и появляется справа новый блок. Как бы привести к одинаковому стилю? Т.е. сделать анимацию по принципу клика слева-направо(text1-text2-text3), чтобы и когда кликали в обратном порядке(text3-text-2-text1) активный блок уезжал налево …

    Asked by Джулия, March 6, 2017

    0 votes
    1 answer
17. Анимированный баннер с переходами по разным ссылкам?

    Здравствуйте! Подскажите, пожалуйста, как сделать анимированный баннер, чтобы в нём было несколько картинок, каждой из этих картинок соответствовала своя ссылка, ведущая на конкретный раздел сайта, пример: www.1c-bitrix.ru ?

    Asked by Shevskay, July 19, 2010

    0 votes
    10 answers
18. Анимированный саундтрек

    Макет содержит красивый отзыв клиента в виде анимированного саундтрека. Дизайер нарисовал это так http://c2n.me/3of0KCh Прошу знатоков натолкнуть на возможный алгоритм решения. Из чего это сделать? "Выложить" красиво палочки в ряд, которые меняют фон с прогрессом звукоряда? Если да, то как согласовать визуализацию с продвижением звука? Т есть, по идее значение % звука должно управлять стилями соотв количества элеметов в блоке... На верном ли я пути?

    Asked by seemax, October 1, 2015

    0 votes
    2 answers
19. Анимированный спойлер.

    Здравствуйте! Имеется скрытые посты, при клике они раскрываются и повторном скрываются. Проблема в следующем. Как что бы пост плавно раскрывался до конца содержимого, в том что имеется появляется пустота или будет скрываться содержимое, свойство height: auto; не анимируется. http://jsfiddle.net/n9p89v1t/

    Asked by Vicos, August 30, 2014

    • spoiler
    0 votes
    2 answers
20. Анимированный фон

    Приветствую. Так как более-менее внятной информации по css3 моем пути не встречалось. Не подскажите, как сделать анимированный фон средствами css3? Какова нагрузка при реализации?

    Asked by Radiocity, November 14, 2011

    0 votes
    9 answers
21. Анимированое изменение числа

    В разделе js настолько нубских вопросов нет, поэтому сюда. Помогите, пожалуйста, с кодом. $({numberValue: 10000}).animate({numberValue: 5000}, { duration: 2500, easing: 'linear', step:function() { $('.count_text').text(Math.ceil(this.numberValue));}}); По идее он должен плавно опускать значение с 10000 до 5000, но конечная цифра всегда рандомная и никогда не совпадает с назначенной.

    Asked by Justus, February 17, 2016

    • js счетчик
    0 votes
    2 answers
22. Анимированую иконку в адресную страку

    можно ли через это <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> сделать анимированую иконку чтоб в браузере она тоже продолжала меняться???

    Asked by Joko, April 19, 2011

    0 votes
    4 answers
23. Аннимация изображения

    Добрый день, поделитесь, пожалуйста опытом, задача следующая - есть картинка, на ней изображен медведь) Нужно при наведении на медведя сделать так, чтобы он махал лапкой) Вот такая вот задача, подскажите, как это сделать?

    Asked by Lady_V, May 7, 2016

    0 votes
    4 answers
24. Аномалия с <img>

    Доброе время суток. Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу. Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы. Код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> a, span, div{ display: inline-block; border: 1px solid green; margin: 0; padding: 0; } img{ margin: 0; padding: 0; } </style> </head> <body> <a href="_foto/5.jpg"><img src='_foto/5.jpg'/></a> </body> </html>

    Asked by illya_v, February 24, 2013

    • img
    • отступ
    0 votes
    3 answers
25. аномальная навигация

    Всем привет, захожу сегодня на сайт http://portal-knyazeva.ru вроде всё, как обычно. Щёлкаю по первой попавшейся статье и обнаруживаю, что внизу статьи появилась аномальная ссылка-ячейка (< Предыдущая Следующая >), которая мало того отвратительно выглядит, с какой-то не понятной границей, так я и вообще никогда эту навигацию не создавала. Просматриваю код элемента, вижу следующее: <table align="center" class="pagenav"> <tbody> <tr> <th class="pagenav_prev"> <a href="......"><Предыдущая</a> </th> <td width="50" </td> <th class="pagenav_next"> <a href="......"><Следующая</a> </th> Вроде …

    Asked by joomgirl, January 14, 2010

    0 votes
    6 answers