JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<button type="button">Button</button>

CSS

html, body {
  height: 100%;
}
body {
  display: grid;
  place-items: center;
  
  background: url("https://images.unsplash.com/photo-1749389372917-f63d1e0d38bb?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwxMnx8fGVufDB8fHx8fA%3D%3D") no-repeat 50% 0;
  background-size: cover;
}
button {
  width: 280px;
  height: 110px;
  border: 0 none;
  background-color: rgba(255, 255, 255, .2);
  backdrop-filter: blur(1px);
}