так лол, у них поддержка тоже не айс

https://caniuse.com/#feat=css-grid

72%

unprefixed: 68.14%

и даже 72% – это мало

думаешь лучший вариант?

-

на флексах тяжело такое сделать

если человеку можно забить на IE и Edge и юзеры сидять только на современных браузерах последних двух версиях, то да, можно гриды

а масонри кривая

я использовал раньше https://packery.metafizzy.co/

а чем она кривая?

а чем она кривая?

не хорошо ровняет

Привет Sergey! Веб Дизайн: @dev_design Freelancer: @web_fl

Нужен прогер, сделать игру на HTML5 для ВК, нужны только из Мск По всем вопросам писать @sozora1

Вечер добрый, у меня проблема с Owl carousel ем... т.е. есть один блок, при десктопе его видно, а при планшетном состоянии он должен не отображаться... я его выключаю через display, а карусель его впихивает как сушествуеший

If ( document.width <= 768px ) { code owl}

768 не px

If ( document.width <= 768px ) { code owl}

эмм... я вроде нашёл загвоздку min-height: 1px; по умолчанию стояло

но, минус в том, что этот блок всё же слайдиться

а как сделать чтобы он вообще не переходил?

Я же написал только знаки поменять на >=

Тогда карусель будет работать только все что больше по ширине 768

Тогда карусель будет работать только все что больше по ширине 768

ты тут проверяешь ширину и потом если условия соответствует тогда начинать работу овл?

ну мне нужно чтобы он как бы и для десктопа и для мобилки работал

хотя, есть идейка... чуток переделать нужно будет (

Stackoverflow поможет я думаю)

Stackoverflow поможет я думаю)

да и ты не плохо помог) выдал идею хорошую )

а то сидел бы дальше )

Кто-то знаком с viewportChecker? Как можно при виде одного обьекта добавлять класс к другому? Во всех примерах всё происходит только с одним обьектом.

Здравствуйте! Как можно санимировать следующее действие: $(this).find(".calculator_price__item").slice(0, 6).css({ display: 'flex' });

Здравствуйте! Как можно санимировать следующее действие: $(this).find(".calculator_price__item").slice(0, 6).css({ display: 'flex' });

Мне кажется лучше по клику класс добавлять

Здравствуйте! Как можно санимировать следующее действие: $(this).find(".calculator_price__item").slice(0, 6).css({ display: 'flex' });

обычно лучше классы менять у блока

Кто-то знаком с viewportChecker? Как можно при виде одного обьекта добавлять класс к другому? Во всех примерах всё происходит только с одним обьектом.

то же самое, но только применяй к лругому объекту

Агась, соглашусь с парнями выше

код покажи

окей. Просто display не анимируется

окей. Просто display не анимируется

тебе появление надо анимировать?

окей. Просто display не анимируется

а какая анимация тебе нужна?

Сейчас код такой, но мне нужно чтобы при виде, допустим класса .point это происходило

Да. чтобы плавно разворачивался список

$(this).find(".calculator_price__item").slice(0, 6).css({ display: 'flex' }); Этот код выводите первые 6 элементов списка

нужно это санимировать

$(this).find(".calculator_price__item").slice(0, 6).css({ display: 'flex' }); Этот код выводите первые 6 элементов списка

вместо цсс используй slideToggle

нужно это санимировать

меняй не дисплей, а что нить другое - высоту, опасити, трансформ

slideToggle поставит display block

В этом проблема

ну? а тебе flex нужен?

Привет. Кто разбирается в вордпрессе? как поменять текст в нижнем меню?)

Привет. Кто разбирается в вордпрессе? как поменять текст в нижнем меню?)

в виджетах обычно делается, если нет, то в папке темы файл footer.php

ну? а тебе flex нужен?

да

да

ну тогда сделай такой же класс, добавь transition перед эффектом, а потом когда добавиться класс сделай, ну не знаю opacity с visibility ибо transform

можно код?

в виджетах обычно делается, если нет, то в папке темы файл footer.php

спасибо!

можно код?

$("button").click(function() { $(".someClass").slice(0,6).slideToggle("slow", function() { if ($(this).is(':visible')) $(this).css('display','flex'); }); });

О, спасибо! Я сам не догадался бы

вот, даже так можешь.. типо если он виден, то вовремя SlideToggle будет работать функция и задаст flex

О, спасибо! Я сам не догадался бы

только там вместо slice написал slide

исправь)

вот исправил.. отпечатка

имхо не стоит дисплей менять

ну это да.. ) вообще первый раз вижу чтобы через жс задавали флексы )

Попробовал

Проблема в том, что flex применяется в самом конце анимации

Проблема в том, что flex применяется в самом конце анимации

ну коллбек же после slideToggle работает

просто сделай addClass, а все трансоформации пропиши в css

просто сделай addClass, а все трансоформации пропиши в css

да, лучше так

ERROR: S client not available

можно кейфрейм запилить даже

ну тогда сделай такой же класс, добавь transition перед эффектом, а потом когда добавиться класс сделай, ну не знаю opacity с visibility ибо transform

Вот как надо если что

и, насколько помню, это работать быстрее будет, чем slideToggle

Окей. addClass сделаю. Как тогда анимировать это в css

Вот как надо если что

+++

в виджетах обычно делается, если нет, то в папке темы файл footer.php

а ещё не подскажешь, как можно поменять цвет темы? допустим кнопки когда черные, а когда активируешь то они оранжевые, как оранжевый поменять

и все тексты оранжевые

Я как то пробовал через width но получалось криво

Окей. addClass сделаю. Как тогда анимировать это в css

тут зависит конкретно от твоего кейса, если под блоком ничего нет, то можешь просто менять height с 0 на auto

Я как то пробовал через width но получалось криво

width криво, потому что там текст меняет ширину

ой, да height

а ещё не подскажешь, как можно поменять цвет темы? допустим кнопки когда черные, а когда активируешь то они оранжевые, как оранжевый поменять

либо в настройках темы, либо только в style.css

Окей. addClass сделаю. Как тогда анимировать это в css

.first { opacity: 0; visibility: hidden; transition: all 0.3s; } .first.active { opacity: 1; visibility: visible; }

.first { opacity: 0; visibility: hidden; transition: all 0.3s; } .first.active { opacity: 1; visibility: visible; }

тут еще надо учесть, что под блоко нет других блоков

а то будет просто пустое место

ну и visibility тут нет смысла менять

тут еще надо учесть, что под блоко нет других блоков

ну я просто киданул пример как эффект сделать

типа fadeOut

fadeIn

ну и visibility тут нет смысла менять

есть

ммммм

без visibility будет большое пустое пространство

с visibility Тоже)

сам попробуй только opacity врубить, увидишь

с visibility Тоже)

нет

ща кодепен запилю

https://codepen.io/nikfakel/pen/rGjMdm

сам попробуй только opacity врубить, увидишь

а, я имел ввиду visibility: hidden нет смысла делать

https://allyjs.io/tutorials/hiding-elements.html

О разнице hidden, display и opacity

а, я имел ввиду visibility: hidden нет смысла делать

фак, да.. чёт пашет...

https://codepen.io/Yummy9522/pen/MEJjjK