This media is not supported in your browser
VIEW IN TELEGRAM
Cityscape
При нажатии на части сцены задаются различные CSS-классы, которые запускают анимации и трансформации.
#css
При нажатии на части сцены задаются различные CSS-классы, которые запускают анимации и трансформации.
#css
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
27%
{x: 100, y: 20}
39%
{x: 10, y: 20}
7%
{x: 100}
18%
ReferenceError
9%
Посмотреть ответ
Эффект размытия вместо тени на CSS
С тенями в CSS все довольно просто: объявляете свойство box-shadow, задаете смещения тени, определяете размытие и задаете цвет. Это отличный способ придать глубину тому, что в остальном было бы плоским дизайном!
Черпая вдохновение в тенях, автор статьи Яир Эвен Ор (Yair Even Or) создает нечто подобное, только с эффектом размытия вместо тени. В этой статье вы получите пошаговое объяснение того, как это делается с помощью комбинации масок, градиентов и старого доброго свойства backdrop-filter.
#css #ru
С тенями в CSS все довольно просто: объявляете свойство box-shadow, задаете смещения тени, определяете размытие и задаете цвет. Это отличный способ придать глубину тому, что в остальном было бы плоским дизайном!
Черпая вдохновение в тенях, автор статьи Яир Эвен Ор (Yair Even Or) создает нечто подобное, только с эффектом размытия вместо тени. В этой статье вы получите пошаговое объяснение того, как это делается с помощью комбинации масок, градиентов и старого доброго свойства backdrop-filter.
#css #ru
Javascript. Какие кавычки недопустимы в синтаксисе (не внутри строк) JS?
Anonymous Quiz
1%
' '
2%
" "
79%
« »
5%
` `
10%
Все перечисленные допустимы
3%
Посмотреть ответы
Javascript js frontend pinned «Задачи по Front-end - канал с задачками и тестами по JS/CSS/HTML. На канале вы найдете: - тесты по Javascript; - тесты по CSS; - тесты по HTML; - вопросы с собеседований с решением по JS, CSS, HTML Подписывайтесь, решайте и предлагайте свои решения: @frontquizes»
JavaScript. Каким будет вывод?
Anonymous Quiz
11%
{ admin: true, user: { name: “Lydia”, age: 21 } }
76%
{ admin: true, name: “Lydia”, age: 21 }
7%
{ admin: true, user: ["Lydia", 21] }
2%
{ admin: true }
4%
Посмотреть ответ
JavaScript. Встроенное свойство __proto__ — это...
Anonymous Quiz
25%
Только геттер
10%
Только сеттер
54%
И геттер, и сеттер
12%
Посмотреть ответы
Как я запрограммировала собственный рукописный шрифт
Недавно я создала на JavaScript собственный блочный шрифт, решив, что запрограммировать слитное рукописное письмо будет слишком сложно. Но не прошло и двух месяцев, как вот я здесь и готова рассказать о созданном мной механизме слитного письма.
#js #ru
Недавно я создала на JavaScript собственный блочный шрифт, решив, что запрограммировать слитное рукописное письмо будет слишком сложно. Но не прошло и двух месяцев, как вот я здесь и готова рассказать о созданном мной механизме слитного письма.
#js #ru
JavaScript. Что выведется в консоль?
Anonymous Quiz
6%
1 2
8%
1 2 3
20%
1 2 3 4
59%
1 2 4
3%
1 3 4
4%
Посмотреть ответы
Как создать радиальный градиент в CSS?
Для создания фона в виде радиального (кругового, эллиптического) градиента испольуется функция radial-gradient.
Самый простой градиент задаётся двумя цветами.
Цветов мы можем перечислить сколько угодно. Браузер сам распределит градиент таким образом, чтобы последний цвет всегда заходил в угол элемента.
Форма градиента задаётся ключевым словом circle или ellipse (по умолчанию).
Мы можем задавать положение центральной точки, используя те же ключевые слова, что и для background-position, но с приставкой at: at left, at top, at right, at bottom, at center (по умолчанию). Значения можно сочетать, чтобы поместить центр градиента в нужный угол элемента: at top left — центр градиента в верхнем левом углу.
#css
Для создания фона в виде радиального (кругового, эллиптического) градиента испольуется функция radial-gradient.
Самый простой градиент задаётся двумя цветами.
.element {
background-image: radial-gradient(#6e4aff, #49A16C);
}
В этом случае начальная точка помещается в центр элемента, а градиент рисуется таким образом, чтобы в углах элемента был последний указанный в скобках цвет.Цветов мы можем перечислить сколько угодно. Браузер сам распределит градиент таким образом, чтобы последний цвет всегда заходил в угол элемента.
Форма градиента задаётся ключевым словом circle или ellipse (по умолчанию).
Мы можем задавать положение центральной точки, используя те же ключевые слова, что и для background-position, но с приставкой at: at left, at top, at right, at bottom, at center (по умолчанию). Значения можно сочетать, чтобы поместить центр градиента в нужный угол элемента: at top left — центр градиента в верхнем левом углу.
#css