Tailwindcss customizing box-shadow etc.

ceonur 527 gün önce

1,016 defa görüntülendi

/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: "jit",
  content: ["./src/**/*.html"],
  theme: {
    extend: {
      boxShadow: {
        "3xl": "0 35px 60px -15px rgba(0, 0, 0, 0.3)",
      },
    },
  },
  plugins: [],
}

Youtube üzerinden videoları izleyerek tailwindcss öğrenmeye çalışıyorum.
Videolarda gösterildiği gibi kendi custom box-shadow veya
custom spacing değeri yapmak istiyorum. Yukarıdaki kod dizimini
tailwindcss.config.js dosyasında yazıyorum fakat HTML 'ye geçtiğimde
yapmış olduğum değer gelmiyor. Çözümünü bulamadım. Şimdiden teşekkür ederim.

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

predator

199 gün önce

Content yolunu dikkatlice kontrol edin.en yaygın sorunlardan biri budur. Geliştirme sunucunuzu/izleme komutunuzu yeniden başlatın. Tarayıcı önbelleğini temizleyin.HTML'de sınıf adını doğru yazdığınızdan emin olun (shadow-3xl gibi). Ana CSS dosyanızda Tailwind direktiflerinin olduğundan emin olun. Eğer sorun devam ederse, projenizin dosya yapısını ve kullandığınız komutları daha detaylı paylaşırsanız, daha spesifik yardımcı olabilirim

#013455

ugur011

516 gün önce

js ile htmli bagladigina emin olmalisin index.html de bunu yaz

``html

eger olmuyorsa html de taildinwin cdnini control et

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

birsey degil 😊

#013362