UlColor Green 500 边框颜色:border border-[color]-[shade] border:添加边框 间隔颜色:divide-[direct] divide-[color]-[shade] divide-[direct]:添加分隔,direct 表示分隔方向,取值 x-横向、y-纵向 Item 1 Item 2 Item 3 轮廓线颜色:outline outline-[color]-[shade] outline:添加轮廓线 ...
scale-90 hover:text-white hover:font-medium"> Hover me :) Hover me :) Explore our latest online courses and learn new skills at your own pace. Enroll and become a certified expert to boost your career.Example of Tailwind CSS AnimationIn the following example we will cover so...
{item}// 设置第三个子元素的样式{item}// 设置lg 下 第三个子元素鼠标移入时样式// 设置所有p标签的marig top值// 使用预定义变量 content-auto
Tailwind CSS - Configuration - Tailwind CSS Configuration allows to easily customize the framework as per the project needs by defining various aspects of the framework, such as theme, colors, screen, plugin, etc., using the 'tailwind.config.js' file.
A great looking and easy-to-use photo-management-system you can run on your server, to manage and share photos. - Lychee/tailwind.config.ts at master · LycheeOrg/Lychee
"underline decoration-primary-400/0 hover:decoration-primary-400 underline-offset-4 transition-all duration-300"; function Header() { return ( <Logo className="w-[42px] h-auto aspect-square [&>*:nth-child(5)]:invisible group-hover:[&>*:nth-child(5)]:visible group-hover:[&>*:...
Prefixatext-decoration-lineutility with a variant likehover:*to only apply the utility in that state: Hover over the text to see the expected behavior Thequick brown foxjumps over the lazy dog. Thequick brown foxjumps over the lazy dog. Learn more about using variants in thevariants documenta...
ml-6">MarketingFinding customers for your new businessGetting a new business off the ground is a lot of hard work. Here are five ideas you can use to find your first customers. If you're sick of fighting the framework, overriding unwanted styles, and battling specificity wars, Tailwind was...
Text Underline Offset Text Transform Text Overflow Text Wrap Text Indent Vertical Align Whitespace Word Break Hyphens Content Backgrounds Background Attachment Background Clip Background Color Background Origin Background Position Background Repeat Background Size Background Image Gradient Color Stops Borders...
ml-6">MarketingFindingcustomersforyournewbusinessGettinganewbusinessoffthegroundisalotofhardwork.Herearefiveideasyoucanusetofindyourfirstcustomers. That means thatit is important to avoid dynamically creating class strings in your templates with string concatenation, otherwise PurgeCSS won’t know to preserv...