CSS-TRICKS - хороший коллективный блог с разными интересными и порой очень технически красивыми решениями на #css
CSS-генераторы градиентов и бакграундов
💙 https://stripesgenerator.com
💙 https://cssgradient.io
💙 http://www.patternify.com
💙 https://accordionslider.com
Два генератора css-layout'ов
💙 https://grid.layoutit.com
💙 https://cssgrid-generator.netlify.app
https://keyframes.app/ - генератор кейфреймов для анимации (никогда не любил руками подбирать в CSS длительности фреймов)
#css
Два генератора css-layout'ов
https://keyframes.app/ - генератор кейфреймов для анимации (никогда не любил руками подбирать в CSS длительности фреймов)
#css
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
CodePen (вариант 1)
CodePen (вариант 2)
CodePen (вариант 3)
CodePen (вариант 2)
CodePen (вариант 3)
.node {
animation-delay: calc(
sin((var(--index) / var(--total)) * 45deg)
* var(--speed) * -1s
);
}
#css #frontThis media is not supported in your browser
VIEW IN TELEGRAM
Introduction of CSS transforms - я не знал что такое можно делать чисто на CSS :) #css
https://www.smashingmagazine.com/2023/10/animate-along-path-css - анимация по заданному пути в CSS (спиннеры, прогресс-бары, ...) #css
Smashing Magazine
How To Animate Along A Path In CSS — Smashing Magazine
CSS loaders and progress indicators are some of the most widely used examples in tutorials and documentation. In this article, Preethi demonstrates an approach using animated custom properties, a conic gradient, CSS `offset`, and emoji to create the illusion…
👍1
В продолжение поста чудес со шрифтами - теперь оказываеца можно делать highlight текста прямо шрифтом (без всяких CSS) с помощью штуки, которая называеца COLR table в OpenType шрифтах. Да, 8 цветов максимум, но для раскраски текста этого хватает с избытком.
В статье есть ссылка на такой шрифт. #css #front
В статье есть ссылка на такой шрифт. #css #front
🔥4💩1