Search
 
SCRIPT & CODE EXAMPLE
 

CSS

Tailwind css cdn

<link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css" />

<!-- @Zenonymous -->
Comment

tailwind css cdn

<script src="https://cdn.tailwindcss.com"></script>
Comment

tailwind cdn

<script src="https://cdn.tailwindcss.com"></script>
Comment

tailwind css cdn

npm info tailwindcss version
<script src="https://cdn.tailwindcss.com"></script>
Comment

install tailwind with cdn

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.min.css" rel="stylesheet">
Comment

Tailwind CDN

<link href="https://unpkg.com/tailwindcss@^2.2.7/dist/tailwind.min.css" rel="stylesheet">
Comment

tailwind cdn

<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.2/tailwind.min.css" rel="stylesheet">
Comment

tailwind cdn

<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
Comment

tailwind css cdn

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example</title>
    <script src="https://cdn.tailwindcss.com/"></script>
  </head>
  <body>
    <!-- -->
  </body>
</html>
Comment

Using tailwind via CDN

<!-- add it to the head section of the html file -->
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
      rel="stylesheet">
Comment

tailwind cdn

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" />
Comment

tailwind cdn

 <script src="https://cdn.tailwindcss.com"></script>
Comment

tailwind cdn

Add this code in the head tag of your HTML page:
<script src="https://cdn.tailwindcss.com"></script>
Warning: The Tailwind CSS CDN is designed for development purposes only, and
is not the best choice for production.
Comment

tailwind css cdn

<!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <title>Example</title>
+     <script src="https://cdn-tailwindcss.vercel.app/"></script>
    </head>
    <body>
      <!-- -->
    </body>
  </html>
Comment

Using tailwind via CDN

<!-- Write HTML code here -->
<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport"
              content="width=device-width,
                       initial-scale=1.0" />
        <title>Tailwind CSS</title>
        <link rel="stylesheet"
              href="./style.css" />
    </head>
    <body>
        <!-- font size -->
        <h1 class="text-lg">Large font size</h1>
        <!-- font weight -->
        <h1 class="font-bold">Bold fond weight</h1>
        <!-- Typography -->
        <h1 class="tracking-widest">Spacing between words</h1>
        <!-- Transform -->
        <h1 class="uppercase">Uppercase word</h1>
        <!-- line height align color background
              width padding margin border opacity shadow-->
        <div class="leading-9 text-right
                    text-red-700
                    bg-red-500 w-1/2 h-1/3 p-5 my-10
                    border-t-2
                    border-solid
                    border-green-500
                    opacity-40
                    shadow-2xl">
             
<p>GeeksforGeeks</p>
 
        </div>
        <!-- focus pseudo class -->
        <input class="border focus:border-red-500
                      focus:outline-none p-5 m-5
                      placeholder-red-500"
               type="text"
               name=""
               value=""
               placeholder="name" />
        <!-- layout -->
        <div class="md:flex md:flex-wrap m-5">
            <div class="bg-blue-500
                        p-5 md:w-1/3
                        md:bg-pink-600">
              GeeksforGeeks
          </div>
            <div class="bg-teal-500 p-5 md:w-1/3">
              GeeksforGeeks
          </div>
            <div class="bg-yellow-500 p-5 md:w-1/3">
              GeeksforGeeks
          </div>
        </div>
    </body>
</html>
Comment

tailind css cdn

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            clifford: '#da373d',
          }
        }
      }
    }
  </script>
</head>
<body>
  <h1 class="text-3xl font-bold underline text-clifford">
    Hello world!
  </h1>
</body>
</html>
Comment

tailwind css via cdn

print("hello")
 
Comment

PREVIOUS NEXT
Code Example
Css :: meyer-reset css cdn 
Css :: how to add a text bar blinking animation in css 
Css :: how to remove link blue color from a tag using css 
Css :: input autocomplete css color 
Css :: instagram gradient css 
Css :: overflow text newline 
Css :: remove hover effect css 
Css :: css text dots 
Css :: input text field with only bottom border 
Css :: check if input is empty css 
Css :: detect mobile css 
Css :: table overflow not working 
Css :: @media screen and (max-width 600px) not working 
Css :: input date icon width 
Css :: change scrollbar width and height in css 
Css :: text align justify 
Css :: keyframe fade down css 
Css :: how to snap the scroll is css 
Css :: remove bootstrap button outline 
Css :: set border color of svg 
Css :: center align in grid 
Css :: text break css 
Css :: border dot css 
Css :: box shador of one border css 
Css :: css select every other element 
Css :: center a div 
Css :: css display div horizontally 
Css :: media max width css 
Css :: css change overflow scrollbar 
Css :: how to center an absolute div 
ADD CONTENT
Topic
Content
Source link
Name
3+8 =