All Tools / Alat Developer / Generator CSS Box Shadow — Editor Visual Gratis
Pratinjau
Pengaturan
Offset X 5px
Offset Y 5px
Blur 15px
Spread 0px
Warna
Opacity 20%
Inset
Layer
Kode CSS 





        
        


        


        
        

            CSS shadow dibuat di browser Anda. Tidak ada yang dikirim ke server.
            
        


    


    
    


        
Generator CSS Box Shadow


        

            

                
Apa yang dilakukan alat ini

                
Sesuaikan offset X/Y, blur, spread, warna, dan opacity dengan slider dan lihat bayangan diperbarui secara langsung. Toggle Inset untuk beralih antara bayangan luar dan dalam. Tambahkan beberapa layer bayangan untuk efek kedalaman. Terapkan preset untuk memulai dengan cepat. Salin kode CSS dengan satu klik.

            

            

                
Cara penggunaan

                
    
                    
  1. Pilih preset atau mulai dari default.
    2. 
                    
  2. Sesuaikan slider untuk offset, blur, spread, dan opacity.
    3. 
                    
  3. Klik swatch warna untuk mengubah warna bayangan.
    4. 
                    
  4. Toggle Inset untuk bayangan dalam. Gunakan + Tambah Layer untuk efek kedalaman.
    5. 
                    
  5. Klik Salin untuk menyalin CSS yang dihasilkan.
    6.