Телеграмм чат группы css

2020 August 26

K

KlimovRV in HTML/CSS — русскоговорящее сообщество

Roman Sribnyi

Всем привет))) Вопрос, плез
Если у элемента display: none, то его псевдоэлементы тоже скрыты?

Да

источник

18:47пожаловаться #1

𝐁𝐏

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯... in HTML/CSS — русскоговорящее сообщество

Привет!
Подскажите, есть ли возможность анимировать grid-column-start через transition? Проверка на практике и спецификация говорят, что нет, но может есть какие костыли

источник

19:12пожаловаться #2

Е

Евгений in HTML/CSS — русскоговорящее сообщество

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯

Привет!
Подскажите, есть ли возможность анимировать grid-column-start через transition? Проверка на практике и спецификация говорят, что нет, но может есть какие костыли

JS может

источник

19:21пожаловаться #3

𝐁𝐏

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯... in HTML/CSS — русскоговорящее сообщество

Евгений

JS может

На нём сейчас и реализована логика)
Ищу варианты сделать на css

источник

19:24пожаловаться #4

AV

Alex V in HTML/CSS — русскоговорящее сообщество

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯

На нём сейчас и реализована логика)
Ищу варианты сделать на css

А зачем, если сделано на JS?

источник

19:31пожаловаться #5

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯

Привет!
Подскажите, есть ли возможность анимировать grid-column-start через transition? Проверка на практике и спецификация говорят, что нет, но может есть какие костыли

Ты хочешь анимировать shuffle?

источник

19:32пожаловаться #6

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество

или что?

источник

19:32пожаловаться #7

𝐁𝐏

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯... in HTML/CSS — русскоговорящее сообщество

Kenan Ayvazov

Ты хочешь анимировать shuffle?

https://www.youtube.com/watch?v=nGdwRP9ZsA4

YouTube

Creating Animated Sliding Menu Indicator using Html CSS & Vanilla Javascript | Magic Line Indicator

Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D

Another Course : Build Complete Real World Responsive Websites from Scratch
https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join
------------------

Patreon : https://www.patreon.com/onlinetutorials
Facebook Page : https://www.facebook.com/onlinetutorialsYT
Instagram : https://www.instagram.com/onlinetutorials_youtube
Twitter : https://twitter.com/OnlineTutoria16
Website : http://www.onlinetutorialsweb.com
Discord : https://discord.com/invite/FgZTVJ2

источник

19:38пожаловаться #8

𝐁𝐏

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯... in HTML/CSS — русскоговорящее сообщество

Alex V

А зачем, если сделано на JS?

Перфоменс, все дела + проверка идеи

источник

19:39пожаловаться #9

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯

https://www.youtube.com/watch?v=nGdwRP9ZsA4

YouTube

Creating Animated Sliding Menu Indicator using Html CSS & Vanilla Javascript | Magic Line Indicator

Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D

Another Course : Build Complete Real World Responsive Websites from Scratch
https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E
------------------
Join Our Channel Membership And Get Source Code of My New Video's Everyday!
Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join
------------------

Patreon : https://www.patreon.com/onlinetutorials
Facebook Page : https://www.facebook.com/onlinetutorialsYT
Instagram : https://www.instagram.com/onlinetutorials_youtube
Twitter : https://twitter.com/OnlineTutoria16
Website : http://www.onlinetutorialsweb.com
Discord : https://discord.com/invite/FgZTVJ2

мега странный видос

источник

19:42пожаловаться #10

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество

сейчас бы в 21 веке анимировать ширину

источник

19:42пожаловаться #11

𝐁𝐏

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯... in HTML/CSS — русскоговорящее сообщество

Kenan Ayvazov

мега странный видос

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

источник

19:42пожаловаться #12

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯

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

а, ну такое сделать только с помощью JS

источник

19:43пожаловаться #13

𝐁𝐏

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯... in HTML/CSS — русскоговорящее сообщество

Kenan Ayvazov

а, ну такое сделать только с помощью JS

У меня реализация на гридах. Есть 2 row, в одной табки, а во второй индикатор, он двигается по grid-column-start. Переключение работает, хотелось бы анимировать.

Так же изначально сделал на js - там всё работает)
Именно интерес в анимации через css

источник

19:44пожаловаться #14

𝐁𝐏

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯... in HTML/CSS — русскоговорящее сообщество

Проверяю идею

источник

19:45пожаловаться #15

L

LZD in HTML/CSS — русскоговорящее сообщество

𝐁𝐨𝐡𝐝𝐚𝐧 𝐏𝐞𝐭𝐫𝐨𝐯

У меня реализация на гридах. Есть 2 row, в одной табки, а во второй индикатор, он двигается по grid-column-start. Переключение работает, хотелось бы анимировать.

Так же изначально сделал на js - там всё работает)
Именно интерес в анимации через css

https://codepen.io/12afaelPereira/pen/GRZqyWb

CodePen

Box Animations

Some CSS Animations...

источник

19:50пожаловаться #16

L

LZD in HTML/CSS — русскоговорящее сообщество

вроде гуглица чото

источник

19:50пожаловаться #17

𝐁𝐏