Andy

@Blacklight
8 Followers
49 Following
172 Posts
Web Developer & consultant looking for inspiration and creativity | cyclist | usually first in the office ⏰🚴‍♂️🏆
Websitehttps://www.blacklightdesign.de
Codepenhttps://codepen.io/blacklightdesign/
Githubhttps://github.com/Blacklightdesign
Bücherhttps://lesetagebu.ch/von/Andy

Custom Progress Element Using Anchor Positioning & Scroll-Driven Animations – Frontend Masters Boost

>TLDR – Learn how to create a custom progress element using only CSS, leveraging anchor positioning and scroll-driven animations. The guide covers the initial setup, adding a tooltip, positioning techniques, and dynamically changing colors and animations, specifically supported in Chrome and Edge.

https://frontendmasters.com/blog/custom-progress-element-using-anchor-positioning-scroll-driven-animations/

#css #webdev #frontend

Custom Progress Element Using Anchor Positioning & Scroll-Driven Animations – Frontend Masters Boost

A single HTML `progress` element can have quite an elaborate design with custom colors, a tooltip showing the active %, and even an entrance animation.

Samstag – Ein großartiges Konzert im #Hellraiser in Leipzig zusammen mit #Insomnium, #Omnium_Gatherum und #Hinayana
Ich muss zugeben, da hat #Microsoft ein wirklich sehr hübsches #Icon erstellt (gefunden im #Outlook)
TIL in #vscode : disable "show history graph" in your settings – brings you back the nice clean view in the source control

Vertical centering now finally in block elements.

#css #frontend #development #uiDesign