exciting-aftermath/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonBackground.razor.css

17 lines
494 B
CSS

.pokemon-background {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #f5f5f5; /* Optional, adjust to match your design */
pointer-events: none; /* So clicks pass through the background */
z-index: 0; /* Sits behind main content */
}
.pokemon-bg-img {
position: absolute;
object-fit: contain;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3)); /* Sticker-like shadow */
pointer-events: none; /* Just visual */
}