Почему мигает элемент после добавления css анимации?

Благодарю))) Теперь моя картина намного лучше выглядет) https://jsfiddle.net/ElenaOr/nx50hw1g/302/

Анимация и перетаскивание элемента canvas в определенную точку?

Мои "первые шаги" в рисовании на канвасе выглядят по другому, спасибо за ссылки, пойду изучать.

Анимация и перетаскивание элемента canvas в определенную точку?

спасибо большое)

Каким способом вы пользуетесь при верстке макета?

AlexFlowint, да, везде по разному. Ко мне приходят макеты и под мобилу и под десктоп, что меня вполне радует). Пока была на фрилансе, то в основном макеты были только десктопные. Вот их приходилось додумывать самой.
Я на удаленке. Верстаю различные сайты.

Как можно задать фон для кнопки в виде картинки под фон общей страницы сайта?

Marek_G, самый простой способ - это задать кнопке цвет родителя background-color: #f8f8f8;
Либо как советовал Артем Будин
А вообще если не получается ни то ни другое, то скиньте свой код. Скорее всего что-то этому мешает, но вот что, без кода не понять.

Почему на адаптивном меню появляется даже при оверфлов хидден?

Akmal Islamov, обычно мне в основном попадают макеты, где меню на мобилке не закрывает логотип. Поэтому и обратила внимание)

Почему на адаптивном меню появляется даже при оверфлов хидден?

Akmal Islamov, добавьте появляющемуся меню:

.menu {
animation: bounce 0.5s;
}
@keyframes bounce {
  0% {
    transform: translateX(-200px);
  }
}

И я бы не задавала top: 0; - логотип перекрывает.
Да, чуть не забыла). Уберите right: -100%; - установите меню там где оно должно появляться, и тогда анимация приведет его туда куда надо)))

Почему на адаптивном меню появляется даже при оверфлов хидден?

вы спрятали элемент за "стенку" с помощью right: -100%, но он продолжает быть видимым для браузера. Надо сделать его невидимым до нажатия на "бургер". Например: display: none;

Это нормально, что когда я сдаю верстку, в ней присутствует PHP код? Если нет, то как быть?

Воспользуйтесь Html шаблонизатором.
Я пользуюсь pug.

Каким способом вы пользуетесь при верстке макета?

AlexFlowint, а лучше всего, html начинать с сравнения. Понять какие элементы есть на десктопе, а какие на мобилке. Тогда картина по созданию html файла становится полной. А css (при наличии мобильной версии) начинаю только с mobile-first. Мне так намного проще и удобнее чем с десктопа начинать.

Как выровнять текст и input в одну линию?

origami1024, благодарю, что заметили и указали на опечатку. Поправила.
Отчего же 2 строки лишние?
Явное указание что элементы выстроены в ряд и выравнивание в верстке совсем не лишние.
По своему опыту могу сказать, что задавая блоку flex - элементы внутри не встают сразу ровно

Каким способом вы пользуетесь при верстке макета?

Tahir, да я исправила свою ошибку)

Каким способом вы пользуетесь при верстке макета?

AlexFlowint, Да, все приходит с опытом. Тоже верстаю сначала мобильную, потом десктоп.
Когда опыта не было, а от заказчика я получала только десктопный вариант со словами "мобилка тоже нужна, делай (придумывай) сама(тут уже вид зависит от вашей фантазии. )" я верстала сначала десктоп. Потом в панели управления гугл хром подбирала стили под мобилку и закидывала их в верстку. То что подходила и под мобилку и под десктоп - то перекидывала из десктопа в мобилку. Какие то элементы на мобилке не столь важны, а место занимают, их можно отключить (если что то надо было вернуть, то заказчик просил отобразить это в мобилке, если нет, то все норм). Ну и чтоб не путаться в огромном списке css используйте какой нибудь css препроцессор.
HTML шаблонизатор - тоже здорово облегчает жизнь, особенно если сайт большой.

Как можно реализовать подобный момент?

изображение не отображается.

Онлайн редактор canvas?

profesor08, тогда объясните как пользоваться, что то я не поняла

Онлайн редактор canvas?

по ссылке открывается что то очень странное

Как расположить меню поверх контента?

makbori, https://jsfiddle.net/rnmx7hpL/1/ вот, ничего не убегает. Поковыряйте код. Поставьте бордеры спискам и может все станет более наглядно

Как расположить меню поверх контента?

makbori, position: absolute - спозиционируйте выпадающее меню с помощью top, left, right, bottom (выбирите нужные)
Главное не забудьте родителю добавить position: relative; - чтоб дальше родителя не уезжало.

Как оживить ползунок на jquery?

Хотелось бы конкретно с этим) Ну или похожий пример кода посмотреть.
И интересно послушать мнение о том, что лучше. Писать самому код на слайдеры или использовать готовые решения с плагином.

Как оживить ползунок на jquery?

Обновила