Skip to content

Instantly share code, notes, and snippets.

View antichowb-tech's full-sized avatar

antichowb-tech

View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
#enableSoundBtn { background:#0a0; color:white; font-size:22px; padding:12px 25px; margin:20px; border:none; border-radius:10px; cursor:pointer; }
.scoreboard { display:none; margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
.scoreboard { margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
@keyframes flash { from {opacity:1;} to {opacity:0;} }
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
.scoreboard { margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
@keyframes flash { from {opacity:1;} to {opacity:0;} }
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
.scoreboard { margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
@keyframes flash { from {opacity:1;} to {opacity:0;} }
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
.scoreboard { margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
@keyframes flash { from {opacity:1;} to {opacity:0;} }
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
.scoreboard { margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
@keyframes flash { from {opacity:1;} to {opacity:0;} }
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
.scoreboard { margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
@keyframes flash { from {opacity:1;} to {opacity:0;} }
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
.scoreboard { margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
@keyframes flash { from {opacity:1;} to {opacity:0;} }
<!DOCTYPE html>
<html>
<head>
<title>Mini Stick Arena Scoreboard</title>
<style>
body { background:#111; color:white; font-family:Arial; text-align:center; }
.scoreboard { margin:20px auto; padding:20px; width:900px; background:black; border:5px solid #444; border-radius:15px; box-shadow:0 0 30px red; position:relative; }
.goal-light { position:absolute; top:-20px; left:0; width:100%; height:20px; background:red; opacity:0; }
.flash { animation:flash .3s alternate 8; }
@keyframes flash { from {opacity:1;} to {opacity:0;} }