Search
 
SCRIPT & CODE EXAMPLE
 

CSS

gradient over background video

.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;
}
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
2+3 =