DEV Community: Daniele De Santis The latest articles on DEV Community by Daniele De Santis (@danieledesantis). https://dev.to/danieledesantis https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F350142%2F271f7d0a-6664-4b50-9be1-34d9d4674454.png DEV Community: Daniele De Santis https://dev.to/danieledesantis en Animated scrolling text with fluid typography Daniele De Santis Tue, 30 Jan 2024 17:48:08 +0000 https://dev.to/danieledesantis/animated-scrolling-text-with-fluid-typography-2obc https://dev.to/danieledesantis/animated-scrolling-text-with-fluid-typography-2obc <p>An example of <strong>vertically scrolling text</strong> on <strong>CodePen</strong>, animated using CSS and JavaScript.</p> <p>The text uses <strong>fluid typography</strong> and is masked using overflow. </p> <p><iframe height="600" src="https://codepen.io/danieledesantis/embed/jOJZmvK?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen frontend css webdev Variable font animation - change axis on mouse move Daniele De Santis Thu, 27 Jan 2022 19:19:37 +0000 https://dev.to/danieledesantis/variable-font-animation-change-axis-on-mouse-move-2lpp https://dev.to/danieledesantis/variable-font-animation-change-axis-on-mouse-move-2lpp <p><strong>Variable font animation</strong> on <strong>CodePen</strong>: change the value of the axis on mouse move.</p> <p>The value of the <strong>weight axis</strong> (font-weight) and <strong>width axis</strong> (font-stretch) get updated depending on the position of the mouse on the screen. </p> <p><iframe height="600" src="https://codepen.io/danieledesantis/embed/WNXvQOb?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen fonts webdev animation Apple Store cards animation Daniele De Santis Fri, 13 Mar 2020 11:55:05 +0000 https://dev.to/danieledesantis/apple-store-cards-animation-2kph https://dev.to/danieledesantis/apple-store-cards-animation-2kph <p>Cards animation based on Apple Store's "today" section, created using HTML, CSS and JS</p> <p><iframe height="600" src="https://codepen.io/danieledesantis/embed/qBdoXdZ?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen css html webdev