Question

Здравствуйте!

1. Вопрос в том, как при помощи transition и opacity в CSS для изображения, т.е. для img, сделать плавное появление при прокрутке/скролинге страницы?

2. Возможно ли это сделать на чистом CSS? Если нет, то, полагаю, нужно использовать jQuery, но как?

Главное — поменьше кода и скриптов, чтобы это не влияло на скорость загрузки страницы.

Здесь отличный пример: http://nv.ua/techno.html

Точно не знаю, но, похоже реализовано только с помощью CSS.

Answer 1

Ознакомьтесь с материалом - здесь, это как пример, чтобы для вашего сайта подобное реализовали, вам нужно обратиться на - http://upartner.pro/

Comments

Спасибо! По идее, именно то, что нужно.

 

Однако, меня всегда смущает польза и эффективность «UВопросов» как таковых. На множество вопросов посылают «Upartner», мол здесь тебе никто ничем не поможет, плати деньги. В этом смысле форум юКоза был эффективнее и полезнее... Вы уж простите, но...

---

Извините конечно, но как вы видите UВопросы, это не веб-студия, здесь могут помочь в решении проблем с дизайном и в других вопросах связанными с шаблоном либо с возникшим багом.

Но UВопросы, это не фриланс студия где пишут уникальные скрипты либо пишут за вас шаблон либо создавая стили под нужные вам эффекты. Это не одна строчка и не 2 и не 10. Эти задачи выполняют фрилансеры.

Извините, но на форуме было так же и платные решение если они мелкие, конечно часто помогали выполнить если там небольшой скрипт либо написать даже тот 10-к строк стилей и создав под это несколько классов. Но если это уникальное решение на которое нужно потратить время не 5 и не 10 и не 15 мин, написать для вас решение, далее объяснить как это добавить в шаблон. Так же если еще что-то будет не корректно отображаться придется еще писать media условия для стилей чтобы все было адаптивно и красиво.

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

Так же если прислушаться к вашим словам, вы извините меня, нужно на UВопросы нанимать несколько доп сотрудников, программисты(Java script, PHP+Api плюс верстальщика). Надеюсь я все детально объяснил.

---

Тем более, вы сами себе ответили.

Здесь отличный пример: http://nv.ua/techno.html

Смотрите пример и дерзайте! Тут не школа по HTML верстке и кодингу в целом.

---

Это да. Я просто не думал, что такой эффект потребует столько кода, времени и сил. Посему, приношу свои извинения.