Jump to content

Search the Community

Showing results for tags 'transition'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Проблемы верстки
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Freelance
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Calendars

  • События форума
  • События партнёров
  • Все события

Blogs

  • CMS (Content Management System)
  • Руководство верстальщика
  • Блог HTMLforum.io
  • Клуб компании menter.me's 📰 Новости

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

Found 17 results

  1. Добрый день. Размещено 2 блока по 3 изображения, отцентрировано flex, по плану при наведении курсора картинка затемняется, сверху появляется описание. Стили работают как задумано только в Chrome и Opera. В Сафари рамка не всплывает, текст не выравнивается. В IE 11 рамка всплывает, текст не выравнивается. Заранее благодарю. <div class="wrapper"> <div class="demo-content"> <div class="part"> <figure class="img-box"> <img alt=img src=https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample54.jpg> <figcaption><sect
  2. Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией
  3. Люди добрые, помогите разобраться, весь день пытаюсь понять почему у меня не получается. В общем идея была сделать одну красную кнопку, чтобы при наведении появлялось еще 4 зеленых. Реализовать попытался 2мя очень похожими способами, через div и через список. https://codepen.io/lokonaft/pen/GXqBBP - в данном случае почему то не работает transition https://codepen.io/lokonaft/pen/qMNMVL - в данном случае я то ли не могу правильно задать hover, то ли я чего то не понимаю
  4. Добрый день. При наведении на родительскую ссылку, дочерняя картинка и текст плавно меняют прозрачность: <a href="/pages/viewpage.action?pageId=936411868"><img src="/download/attachments/978223304/tk.png"/><span>Вакансии</span></a> .colo > div a span, .colo > div a img { transition: all .5s linear 0s; -o-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; -ms-transition: all .5s linear 0s; } .colo > div a:hover img, .colo > div a:hover span {opacity: .7;} Но помимо пр
  5. Экспериментировал над задачей и наткнулся на довольно странное явление: в примере, при переходе, правые полоски дольше держаться, а при появлении, быстрее отображаются. Если убрать фон (4 и/или 52 строчка CSS), то вроде переход и слева, и справа, происходит одинаково... Проверил в трёх браузерах и либо у меня конкретное косоглазие, либо браузеры работают по какому-то определённому алгоритму, который я не понимаю (ну либо в коде я что-то напортачил). Может кто разъяснит? Спасибо!
  6. Столкнулся со следующим странным поведением. В хроме пока работает transition, фон просвечивает через border-radius (наведите на первый пункт). В Лисе градиент имеют такую особенность: полосочка 10px, полосочка 10px, прозрачность, на стыке второй полосочки и прозрачности образуется некий серый фон толщиной пикселя в два. Поскольку фон в примере двухнаправленный, то Вы, убрав одно направление (65 или 66 строчка, не забудте в конце оставленной строчки поставить точку с запятой ), можете увидеть что полоска есть только в том направлении, где нулевой переход из цвета в прозрачность.
  7. Что-то не нашел данной информации, хотя в определенных случаях оно автоматически отменяется. В этом примере сделал прокрутку длинного текста. Если кликнуть на "Очень длинный текст для прокрутки", он начнет ездить влево-вправо. Если в момент, когда он едет влево нажать например на "Просто длинный текст", то он мгновенно возвращается назад (так и нужно). А вот если нажать в тот момент, когда он едет вправо, то анимация продолжится до конца. Хотелось бы, чтобы текст при клике возвращался мгновенно.
  8. Всем здравствуйте. Прошу помощи, ни как не пойму как осуществить чтобы блок с текстом опускался при наведении на .top (сейчас он начинает двигаться при наведении на .overlay а если навести ниже на черный фон то магия заканчивается) Может принципиально не тем свойством пользуюсь? или просто не так его применяю? ни как не разберусь. Вот код http://codepen.io/mikhail09/pen/OMvOae
  9. http://jsfiddle.net/Launder/vc73z30v/2/ С 82 строки закомментировано, если снять комментирование переход не работает. С 77 строки полностью аналогичная ситуация и всё работает. Почему такое странное поведение? Как сделать чтоб оба перехода заработали? Спасибо! если кому нужно - код выложу сюда.
  10. Сделал чтоб при наведении на картинку (background) она увеличивалась, но вот запилить "плавность" что-то не выходит... https://jsfiddle.net/degid/0jtyjqaa/5/ Колупаюсь-колупаюсь, а всё никак не могу раздуплиться... transition не на то свойство вешаю штоль...
  11. Здравствуйте. На сайте етсь проблема при наведении на эти инконки http://joxi.ru/xAeeR31SaB4bAy Странно себя ведёт. Кто-то сталкивался с таким? Внизу есть тоже такое наведение, там всё хорошо. http://joxi.ru/1A59OwzSOW81AE
  12. Возможно ли такое?: .button{background: url(play.png);} .button:hover { background: url(play_hover.png); transition:background .5s ease; } У меня плавно изображение на заменяется, как ожидалось. Может это просто не предусмотрено в CSS?
  13. http://cssdeck.com/labs/another-simple-css3-dropdown-menu Собственно всплывающее меню появляется мгновенно при наведении, несмотря на то, что остальные элементы делают это плавно. Можете пофиксить? Спасибо(
  14. Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/
  15. Здравствуйте. Верстаю такую страницу. Хочу сделать красивое появление и затухание при помощи transition для иконки у блока раскрывающихся новостей. http://prntscr.com/3lqfvi Имею такой css: i { opacity: 0; -webkit-transition: opacity @durationStd ease-in-out; -moz-transition: opacity @durationStd ease-in-out; -ms-transition: opacity @durationStd ease-in-out; -o-transition: opacity @durationStd ease-in-out; transition: opacity @durationStd ease-in-out; }И появление происходит как надо (плавно). Но вот при закр
  16. Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада
  17. После долгих мучений я все таки выяснил что за гадина не дает быть анимации в crome и safari... Это свойство transition..когда его вставляю в код transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;перестает реагировать..не вращается.... Как обойти?
×
×
  • Create New...