.wrapper {
position: relative;
width: 100%;
}
.wrapper::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-image: radial-gradient(
circle at 36% 48%,
#000000,
rgba(11, 39, 65, 0.32) 87%,
rgba(0, 0, 0, 0)
);
}
video {
width: 100%;
aspect-ratio: 4/3;
}
Code Example |
---|
Css :: margin auto not centering |
Css :: css table size |
Css :: css scrollbar width |
Css :: bottom gradient |
Css :: html input type colour internal border |
Css :: horizontal scroll only css mobile |
Css :: text-indent |
Css :: css bold weight |
Css :: shrink a div by 50% |
Css :: css code for green |
Css :: input type (submit, button, reset) css |
Css :: css media query max width |
Css :: css change text color |
Css :: css animate svg circle radius |
Css :: how to transition text color css |
Css :: simple css reset |
Css :: display flex css compatibility |
Css :: array_filter use keys |
Css :: css make bottom of the div triangle |
Css :: bootstrap class="mb-3" |
Css :: animated background css |
Css :: change button shaddow css |
Css :: linear-gradient tailwind |
Css :: css grid vs flexbox |
Css :: use flex in container with multiple components |
Css :: css line-height |
Css :: css button generator |
Css :: multer buffer undefined |
Css :: remove black border css |
Css :: translate css property |