Posts tagged with “CSS“ (17)

  1. The word Sumptuous is in the centre of the frame. It has a pink stroke and white fill.

    Sumptuous stroked text in CSS

    You can create stroked text in CSS, but it is unwieldy. I submitted a proposal to Interop 2025 to improve this feature. Give it a vote! 👍

  2. A redesign of the Adobe Creative Cloud app using glassmorphism. The window is semi-transparent and shows the background underneath in blurred fashion. It has a side panel with the categories: apps, categories, fonts, and resource links. The central area shows all the apps installed. The design is very eye catching.

    The backdrop-filter CSS property has been unprefixed

    The backdrop-filter CSS property required a prefix in Safari since forever. Not anymore! 🙌

  3. A iconographic view of the CSS properties translate, scale and rotate featuing a monkey with a banana being transformed by each of those properties to show the affect.

    Hey, hey we’re the translate, scale, and rotate CSS properties - and we don’t monkey around

    Learning transforms, you may have found it was not a case of monkey see, monkey do. To improve usage - 3 properties have been added to CSS.

  4. A quick trick to create animated silhouettes in CSS

    This is a shortcut to fashion an animated scene with silhouettes with very little CSS and zero JS. File it under ‘creative’ and maybe ‘frivulous’!

  5. Do not drop Sass for CSS

    Some people believe it is time to drop Sass. I beg to differ.

  6. How can I keep up with changes to the web platform?

    What resouces can help to keep up with changes to HTML, CSS, and JavaScript? Do we know what is coming soon?

  7. Improvements that CSS could use in 2023

    Last year was a bumper year for CSS. Rather than ask for new features. I would like to see more improvements to what we already have.

  8. Star Wars circular wipe transition - @property vs clippath vs mask

    Star Wars is famous for its wipe scene transitions. I wanted to create a CSS transition for a circular wipe that works in every browser.

  9. Diamond wipe animation for revealing text

    I was riffing on some ideas for revealing text in interesting ways. How about some shapes? How about a diamond wipe?

  10. Are CSS utility classes a mild form of obfuscation?

    If I see something novel on a website, I like to investigate how it was made. When I was exploring an example today, there was something unexpected.