• Доброго времени суток!

    Пробую делать тему, создал меню и прицепился к классу контейнера:

    'container_class' => 'my-menu-header-container'

    .my-menu-header-container ul li a

    На кнопках (ссылках) меню есть анимация — scale при наведении — hover.

    Но эта же анимация повторяется при активации — active кнопки.

    На active ни чего нет вообще!

    Делаю на css без js, что раньше работало без проблем на обычном html.

    Что не так, WP влияет? Через JS переделывать теперь?

    Благодарю!

    P.S.

    Да, эксперимент, дурью маюсь. Но вдруг кто то сталкивался?

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Где это можно увидеть?

    Можно по видео посмотреть:

    .my-menu-header-container ul li a:hover{

    animation: anim_hover_button 450ms cubic-bezier(0.9, 0.7, 0.5, 0.9);

    animation-fill-mode:forwards
    }


    @keyframes anim_hover_button {
    0% {
    transform: scale(1.0);
    box-shadow: 0px 0px 0px 0px #414141;
    }

    100% {
    transform: scale(1.2);
    box-shadow: 0px 2px 8px 0px #414141;
    }
    }

    Даже если я сокращу код без анимации:

    .my-menu-header-container ul li a:hover{

    transform: scale(1.2);
    box-shadow: 0px 2px 8px 0px #414141;
    }

    То повторение все же видно, хотя уже и не так очевидно.

    Сейчас вот при записи подумал, что это не active, а загрузка страницы.

    Блин, всегда анимации на чистом CSS были нормально.

    Походу, без requestAnimationFrame не обойтись, пойду по нему просвещаться.

    Можно по видео посмотреть:

    Теперь расскажи, как на видео открыть инструменты разработчика и исходный код страницы.

    это не active, а загрузка страницы.

    Что, в отладчике изменение состояния ссылок уже не работает? А вы из видео режима выйдите

    Теперь расскажи, как на видео открыть инструменты разработчика и исходный код страницы.

    Так я делал на xampp на компе, сейчас перенес тему на тестовый домен.

    Любуйтесь!

    Еще я вот что заметил: повторение анимации происходит в фаер фоксе, в хромне все отрабатывает хорошо.

    Это косяк браузера что ли? Не было раньше такого, хотя я давно за анимации не брался.

    Так я делал на xampp на компе

    т.е. решил все мифы про ВП собрать в одну кучу -))))
    «изучать ВП путем создания своей темы на локальном сервере» -)))

    Любуйтесь!

    не увидел такого поведения

    происходит в фаер фоксе

    только им и пользуюсь

    изучать ВП путем создания своей темы на локальном сервере

    Вот сейчас не понял, что в этом плохого? WP нужно что особенное или только «настоящий, живой» сервер? Или изучать его нужно как то особо, сразу с магазина типа Озон/Валдберис?

    Поясните, пожалуйста, для тупых.

    не увидел такого поведения

    У меня фаер фокс особенный?

    На видео не видно, как анимация еще раз проигрывается при загрузке страницы?

    У меня она так же делает и на тестовом сервере.

    Тема будет там еще какое то время, возможно, у кого то повторится глюк.

    Модератор Yui

    (@fierevere)

    永子

    Вот сейчас не понял, что в этом плохого? WP нужно что особенное или только «настоящий, живой» сервер? Или изучать его нужно как то особо, сразу с магазина типа Озон/Валдберис?

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

    Начиная со своей темы — ловите глюки и проблемы пытаясь переизобрести колесо.
    Работая с локальным сервером — ловите его глюки и проблемы, пытаясь попутно поднять огромные пласты системного администрирования.

    Так вам WP нужен или обучиться всему и вся и еще глюков наловить ?

    WP нужно что особенное или только «настоящий, живой» сервер?

    Ну вообще да. Сайт нужно разрабатывать на том хостинге, на котором он будет работать. Обсуждалось уже ни раз.

    Или изучать его нужно как то особо, сразу с магазина типа Озон/Валдберис?

    ну зачем, давай я тебе напомню, раз памяти совсем нет:
    https://ru.wordpress.org/support/topic/%d0%bd%d0%b5-%d1%80%d0%b0%d0%b1%d0%be%d1%82%d0%b0%d0%b5%d1%82-%d0%bf%d0%be%d0%b4%d0%ba%d0%bb%d1%8e%d1%87%d0%b5%d0%bd%d0%b8%d0%b5-%d1%84%d0%b0%d0%b9%d0%bb%d0%b0/#post-12233141

    У меня фаер фокс особенный?

    вполне возможно. не обновленный или с какими-то плагинами, дающими такой эффект.
    попробуй приватный режим.

    На видео не видно, как анимация еще раз проигрывается при загрузке страницы?

    Теперь расскажи, как на видео открыть инструменты разработчика и исходный код страницы.

    Вот вы как раз пытаетесь начать со сложного. Вопрос, зачем? Академический интерес?

    Возьми какой-нибудь сложный реальный сайт и попробуй сделать копию. Но только на ВП

    Я начал изучать веб в 2010х где то в качестве хобби, далее пробовал joomla 2.5.

    Иногда я отвлекался от веба на разные it технологии, разнообразил хобби, так сказать: photoshop, unity, blender, python, godo.

    Тем не менее я возвращался в веб, так как иногда мне с него деньги «падают».

    Я могу сделать и в встроить в сайт на Joomla свою кнопку Вверх на jS, форму связи на php с проверкой на JS и PHP. Еще что то относительно простое.

    Делал игры на чистом JS и HTML с анимацией кнопок.

    Хотело бы сделать шаблон для понимания WP и воедино собрать/использовать знания веб технологий PHP, JS, HTML, CSS. Хочется малость подрасти.

    Да, я не профи и не стану им по ряду причин, но я умею «красить» кнопки и расставлять их на сайте, сделать адаптивку сайта без бутстарапа.

    Вот это я. Заходить через vpn, прикрыли для РФ.

    Начиная со своей темы — ловите глюки и проблемы пытаясь переизобрести колесо.

    Так вам WP нужен или обучиться всему и вся и еще глюков наловить ?

    1) Переизобретения колеса и велосипеда — отличная практика для программиста!

    2) Для чего тогда эта глючная фигня?!

    Есть возможность сделать для cms что то свое, но ловите глюки. На кой тогда такая возможность есть?

    вполне возможно. не обновленный или с какими-то плагинами, дающими такой эффект.
    попробуй приватный режим.

    Как в девелопер фаер фокс в обычном режиме и в приватном, так и в простом фаер фоксе, без плагинов, глюк есть!

    Игры на JS и сайты на Joomla при тех же браузерах глюков анимации не дают!

    Ну вообще да. Сайт нужно разрабатывать на том хостинге, на котором он будет работать. Обсуждалось уже ни раз.

    Смотрел три разных курса и (2020г еще от Дмитрия Лаврика и два от 2022г для понимания отличий версий и скорости обновления cms) везде локальный сервер и перенос сайта на хостинг. Ни слова об разработке на хостинге!

    На видео не видно, как анимация еще раз проигрывается при загрузке страницы?

    Теперь расскажи, как на видео открыть инструменты разработчика и исходный код страницы.

    Кто то из нас явно не умеет читать или писать…

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

    Ладно, товарищи, проще тогда laravel изучить.

    • Ответ изменён 1 месяц, 1 неделя назад пользователем dandiablo.

    Хотело бы сделать шаблон для понимания WP

    при этом занимаешься анимацией кнопок на локалхосте…..

    1) Переизобретения колеса и велосипеда — отличная практика для программиста!

    программист пишет программы…… не надо его подпускать к сайтам.
    даже если он уже изобрел все колеса.

    2) Для чего тогда эта глючная фигня?!

    Судя по всему — явно не для тебя.

    глюк есть!

    судя по каментам — только у тебя.

    Смотрел три разных курса

    оф. курсы от команды ВП? или от неких «программистов», которые почему-то думают, что знают ВП?

    проще тогда laravel изучить.

    удачи.

Просмотр 11 ответов — с 1 по 11 (всего 11)