Even More Brokener TV

Developer
Karsten Buckstegge
Size
2,571 Kb
Views
50,600
  1. Even More Brokener TV Previews
  2. Even More Brokener TV HTML Codes
  3. Even More Brokener TV CSS Codes

How do I make an even more brokener tv?

Funsies with the deprecated marquee-element. Just breaking a html video.(Yes, I know "even more brokener" is not proper english). What is a even more brokener tv? How do you make a even more brokener tv? This script and codes were developed by Karsten Buckstegge on 10 September 2022, Saturday.

Even More Brokener TV Previews
IQ Test

Even More Brokener TV - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Even More Brokener TV</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="tv"> <img src="http://honeypotmarketing.com/wp-content/uploads/OLD-SCHOOL-TV.png" alt="" /> <!-- broken video --> <div class="video"> <marquee direction="down" behavior="alternate" class="a"> <marquee behavior="alternate"> <video class="b" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" autoplay></video> <marquee behaviour="alternate"> <video class="b" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" autoplay></video> <marquee behaviour="alternate"> <marquee behaviour="alternate"> <marquee behaviour="alternate"> <marquee behaviour="alternate"> <marquee behaviour="alternate"> <marquee behaviour="alternate"> <marquee behaviour="alternate"> <marquee behaviour="alternate"> <marquee behaviour="alternate"> <video class="b" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" autoplay></video> </marquee> </marquee> </marquee> </marquee> </marquee> </marquee> </marquee> </marquee> </marquee> </marquee> <!--<div class="b"></div>--> </marquee> </marquee> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Even More Brokener TV - Script Codes CSS Codes

body { background: -webkit-radial-gradient(center ellipse, #f3e2c7 0%, #fc9b0a 100%); background: radial-gradient(ellipse at center, #f3e2c7 0%, #fc9b0a 100%);
}
.tv { position: absolute; left: calc(50% - 550px/2); top: calc(50% - 380px/2);
}
.tv img { position: absolute; top: 0; left: 0; z-index: 10; width: 550px;
}
.video { position: absolute; top: 25px; left: 20px; background: #ccc;
}
marquee { height: 300px; width: 400px; border: 1px solid black;
}
.b { width: 400px; height: 300px; background: black;
}
video { -webkit-animation: broken 4s infinite alternate; animation: broken 4s infinite alternate;
}
@-webkit-keyframes broken { from { -webkit-filter: saturate(0.2); filter: saturate(0.2); } to { -webkit-filter: saturate(2); filter: saturate(2); }
}
@keyframes broken { from { -webkit-filter: saturate(0.2); filter: saturate(0.2); } to { -webkit-filter: saturate(2); filter: saturate(2); }
}
Even More Brokener TV - Script Codes
Even More Brokener TV - Script Codes
Home Page Home
Developer Karsten Buckstegge
Username MrBambule
Uploaded September 10, 2022
Rating 3.5
Size 2,571 Kb
Views 50,600
Do you need developer help for Even More Brokener TV?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Karsten Buckstegge (MrBambule) Script Codes
Name
Freddy the Fly
Sliding Skill-Diagramm
The wheel of social fortune
Base64 SVG Me
Responsive focuspoint on image with object-position
The wheel of social
Simple React Slider
Scalable animated css menu button
CSS3 Hover Button
A Pen by Karsten Buckstegge
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!