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

01:35пожаловаться #1

A🥖

details section {
  padding: 0;
  font-size: 0;
  transition: font-size .5s, padding .5s;
 }
 details[open] section {
  padding: 1rem;
  font-size: 1rem;
 }

Подскажите, почему анимация не работает при раскрытии/закрытии details?

потому что нет анимации встроенной в теге между переходами

01:38пожаловаться #2

A🥖

надо стайлить отдельной анимацией

01:38пожаловаться #3

A🥖

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

MDN Web Docs

: The Details disclosure element

The HTML Details Element (details) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state.

Dilame 🎩 Bowzee ⠀⠀⠀ོ... in CSS — русскоговорящее сообщество

01:38пожаловаться #4

DB

Захар

и не чат сделайте за меня

А теперь укажи в моём сообщении место, которое говорит, или хотя бы намекает на просьбу сделать что-то за меня, умник?

Dilame 🎩 Bowzee ⠀⠀⠀ོ... in CSS — русскоговорящее сообщество

01:42пожаловаться #5

DB

Alexander 🥖

потому что нет анимации встроенной в теге между переходами

Спасибо за ссылку. Да, я видел в сети примеры с keyframes, но я никак понять не могу, почему transitions не работает. Что значит "встроенная анимация"?

Захар in CSS — русскоговорящее сообщество

01:43пожаловаться #6

З

А теперь укажи в моём сообщении место, которое говорит, или хотя бы намекает на просьбу сделать что-то за меня, умник?

а сам найти уже не можешь, сыщик?

Igor N in CSS — русскоговорящее сообщество

01:46пожаловаться #7

IN

How can one make the font size grow bigger on mouse over? Color transitions work fine over time, but the font size switches immediately for some reason.

Sample code:

body p {
font-size: ...

details section {
  padding: 0;
  font-size: 0;
  transition: font-size .5s, padding .5s;
 }
 details[open] section {
  padding: 1rem;
  font-size: 1rem;
 }

Подскажите, почему анимация не работает при раскрытии/закрытии details?

https://stackoverflow.com/questions/9311116/can-css3-transition-font-size
Мб это поможет

Stack Overflow

Can CSS3 transition font size?

Dilame 🎩 Bowzee ⠀⠀⠀ོ... in CSS — русскоговорящее сообщество

01:46пожаловаться #8

DB

Захар

а сам найти уже не можешь, сыщик?

Слился

Igor N in CSS — русскоговорящее сообщество

01:47пожаловаться #9

IN

Захар

а сам найти уже не можешь, сыщик?

!ро тролль и токсик

Захар in CSS — русскоговорящее сообщество

01:47пожаловаться #10

З

Слился

я рад за тебя

01:47пожаловаться #11

A🥖

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions

Спасибо за ссылку. Да, я видел в сети примеры с keyframes, но я никак понять не могу, почему transitions не работает. Что значит "встроенная анимация"?

Веб-документация MDN

Использование CSS переходов

CSS transitions предоставляют способ контролировать скорость анимации, при изменении CSS свойств. Вместо того, чтобы свойство применилось сразу, вы можете сделать это действие происходящим в течение какого-то момента времени. Например, если вы смените цвет элемента с белого на чёрный, изменение произойдёт моментально, а вот с CSS transitions, измения произойдут за временные интервалы, следующих кривой ускорения, все из которых могут быть настроены.

Dilame 🎩 Bowzee ⠀⠀⠀ོ... in CSS — русскоговорящее сообщество

01:47пожаловаться #12

DB

Igor N

https://stackoverflow.com/questions/9311116/can-css3-transition-font-size
Мб это поможет

Stack Overflow

Can CSS3 transition font size?

How can one make the font size grow bigger on mouse over? Color transitions work fine over time, but the font size switches immediately for some reason.

Sample code:

body p {
font-size: ...

Спасибо, но дело немного не в этом. Я через консоль проверяю - сам по себе transition работает, если вручнуую изменять значение font-size, а вот при перехоте в/из состояние open ничего не происходит

01:51пожаловаться #13

A🥖

Спасибо, но дело немного не в этом. Я через консоль проверяю - сам по себе transition работает, если вручнуую изменять значение font-size, а вот при перехоте в/из состояние open ничего не происходит

потому что перехода нет между двумя состояниями в спеке
поэтому и не работает

Vitaliy Kirenkov in CSS — русскоговорящее сообщество

01:51пожаловаться #14

VK

ап

ты за сутки не смог нагуглить первую ссылку в гугле или что?

Не понимаешь почему не работает, но очень хочется понять? Есть W3C, есть MDN. Идешь и читаешь спеку.

Vitaliy Kirenkov in CSS — русскоговорящее сообщество

01:54пожаловаться #15

VK

подобный "ап" через сутки, говорит, что тебе и самому то по-большому счету пофиг, так зачем участникам чата быть вовлеченным в этот вопрос?!

Dilame 🎩 Bowzee ⠀⠀⠀ོ... in CSS — русскоговорящее сообщество

01:56пожаловаться #16

DB

Vitaliy Kirenkov

ты за сутки не смог нагуглить первую ссылку в гугле или что?

Не понимаешь почему не работает, но очень хочется понять? Есть W3C, есть MDN. Идешь и читаешь спеку.

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

Vitaliy Kirenkov in CSS — русскоговорящее сообщество

01:56пожаловаться #17

VK

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

ответ на любой вопрос о том, как работает css, есть в спецификации

Igor N in CSS — русскоговорящее сообщество

01:56пожаловаться #18

IN

Vitaliy Kirenkov

ты за сутки не смог нагуглить первую ссылку в гугле или что?

Не понимаешь почему не работает, но очень хочется понять? Есть W3C, есть MDN. Идешь и читаешь спеку.

Не суди так строго. Люди не умеют просто составить правильный запрос в гугл

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

01:57пожаловаться #19

L

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

а есть песочница поглядеть?