Telegram Web
This media is not supported in your browser
VIEW IN TELEGRAM
Leaky Preloader

Оригинальный загрузчик, созданный на HTML и CSS.

#css
Как я запрограммировала собственный рукописный шрифт

Недавно я создала на JavaScript собственный блочный шрифт, решив, что запрограммировать слитное рукописное письмо будет слишком сложно. Но не прошло и двух месяцев, как вот я здесь и готова рассказать о созданном мной механизме слитного письма.

#js #ru
This media is not supported in your browser
VIEW IN TELEGRAM
drip.

Текст с капающей с него краской. Создано на SCSS, без JavaScript.

#css
JavaScript. Что выведется в консоль?
Anonymous Quiz
6%
1 2
8%
1 2 3
20%
1 2 3 4
59%
1 2 4
3%
1 3 4
4%
Посмотреть ответы
Clean Code Cookbook

Автор:
Maximiliano Contieri
Год издания: 2023

#en
Как создать радиальный градиент в 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
Newspaper Layout.gif
869.3 KB
Newspaper Layout

Макет газеты, написан на чистом CSS.

#css
JavaScript. Произойдет ли ошибка при выполнении этого кода?
Anonymous Quiz
15%
Да
81%
Нет
4%
Посмотреть ответ
Как добавить программируемый поиск от Google на свой сайт?

В этой статье мы разберем, как добавить на свой сайт программируемый поиск от Google. Начнем с создания поисковой системы, затем настроим ее и завершим все это дело получением кода системы и встраиванием его на свой сайт.

#js #ru
This media is not supported in your browser
VIEW IN TELEGRAM
Cloud Upload Bubbles

При нажатии на кнопку запускается CSS-анимация, применяемая к генерируемым элементам.

#js
JavaScript. Что будет выведено в консоль?

Ответ
Modern TypeScript

Автор:
Ben Beattie-Hood
Год издания: 2023

#ts #en
JavaScript. Каким будет результат?
Anonymous Quiz
37%
0 1 2 и 0 1 2
14%
0 1 2 и 3 3 3
39%
3 3 3 и 0 1 2
10%
Посмотреть ответы
2 DIV 3D dice.gif
181.7 KB
2 DIV 3D dice

Анимация игральной объемной кости, реализованная с помощью двух тегов div на чистом CSS.

#css
2025/06/29 18:02:37
Back to Top
HTML Embed Code: