|
Если кому-то будет интересно, в этой теме буду публиковать задачи по верстке, которые помогут попрактиковаться или просто оценить свои знания.
Задача №1: Заливайте свой код в песочницу, к примеру https://codepen.io |
Я просто привык @L2Banners деньги на карту отправлять за решение таких задач.
Задача решена? https://codepen.io/istevedogs/pen/JjzvZaw |
Цитата:
Должно быть наоборот, кнопка на которую наводишь остается, а другие исчезают |
Цитата:
|
Цитата:
В твоем варианте, если курсор попадает в контейнер, например между кнопками, то все кнопки исчезают, а в моем примере я свободно вожу курсором по контейнеру и между кнопками специально, чтобы показать этот момент, так что пока не решено |
I want to participate but is hard to understand russian))
The css to do this would be the use of :has and ~ :has To select the previous siblings: Цитата:
Цитата:
|
Цитата:
|
Цитата:
There are 2 buttons, when we hover the cursor over one of them, the second disappears. The task needs to be solved only using HTML and CSS without using javascript Цитата:
Try to solve this without using the pseudo-classes :is() and :has() You can solve this using only one pseudo-class :hover. Then it will be more cross-browser |
Цитата:
Цитата:
|
|
| Время: 02:24 |