<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>CSS on Productivity Works</title><link>https://productivity-works.com/tags/css/</link><description>Recent content in CSS on Productivity Works</description><image><title>Productivity Works</title><url>https://productivity-works.com/images/default-og.png</url><link>https://productivity-works.com/images/default-og.png</link></image><generator>Hugo</generator><language>en</language><lastBuildDate>Fri, 16 May 2025 00:00:00 +0000</lastBuildDate><atom:link href="https://productivity-works.com/tags/css/index.xml" rel="self" type="application/rss+xml"/><item><title>Color Name Finder</title><link>https://productivity-works.com/tools/color-name-finder/</link><pubDate>Fri, 16 May 2025 00:00:00 +0000</pubDate><guid>https://productivity-works.com/tools/color-name-finder/</guid><description>Free color name finder tool. Enter any hex, RGB, or HSL color and get the closest named CSS color. Browse 148 named CSS colors with search and copy features.</description></item><item><title>CSS Box Model Visualizer</title><link>https://productivity-works.com/tools/box-model-visualizer/</link><pubDate>Fri, 16 May 2025 00:00:00 +0000</pubDate><guid>https://productivity-works.com/tools/box-model-visualizer/</guid><description>Free CSS box model visualizer. See margin, border, padding, and content areas interactively — adjust values and copy CSS for your layouts.</description></item><item><title>CSS Cursor Gallery</title><link>https://productivity-works.com/tools/css-cursor-gallery/</link><pubDate>Fri, 16 May 2025 00:00:00 +0000</pubDate><guid>https://productivity-works.com/tools/css-cursor-gallery/</guid><description>Free CSS cursor reference. See all 30+ CSS cursor values in action — hover to preview each cursor type and copy the CSS instantly.</description></item><item><title>CSS Outline Generator</title><link>https://productivity-works.com/tools/css-outline-generator/</link><pubDate>Fri, 16 May 2025 00:00:00 +0000</pubDate><guid>https://productivity-works.com/tools/css-outline-generator/</guid><description>Free CSS outline generator. Customize outline style, width, color, and offset with live preview — copy CSS code for borders and focus states.</description></item><item><title>CSS Transition Generator</title><link>https://productivity-works.com/tools/css-transition-generator/</link><pubDate>Fri, 16 May 2025 00:00:00 +0000</pubDate><guid>https://productivity-works.com/tools/css-transition-generator/</guid><description>Free CSS transition generator. Build smooth transitions with custom properties, duration, timing functions, and delay — copy CSS instantly.</description></item><item><title>Tailwind CSS Class Sorter</title><link>https://productivity-works.com/tools/tailwind-class-sorter/</link><pubDate>Fri, 16 May 2025 00:00:00 +0000</pubDate><guid>https://productivity-works.com/tools/tailwind-class-sorter/</guid><description>Free Tailwind CSS class sorter. Organize your Tailwind utility classes in the recommended order — paste classes and get them sorted instantly.</description></item><item><title>Viewport Size Tester</title><link>https://productivity-works.com/tools/viewport-tester/</link><pubDate>Fri, 16 May 2025 00:00:00 +0000</pubDate><guid>https://productivity-works.com/tools/viewport-tester/</guid><description>Free viewport size tester. Check your current browser viewport dimensions and test responsive breakpoints with device presets — no sign-up required.</description></item></channel></rss>