HTML and CSS Reference
In-Depth Information
Figure12.Combining the linear-gradient, border-radius, and box-shadow properties to create a
styled background for a video element.
Example10.CSS style setting for video element to create effect shown in
Figure12
.
<style>
video
{
/* basic border */
border: 1px solid #ccc;
padding: 20px;
margin: 10px;
border-radius: 20px;
/* add regular background */
background-color: #ffcccc;
/* add gradient background */
background-image: -moz-linear-gradient(top, #fff, #fcc);
