!-- Created by albert -->
<!DOCTYPE html>
<html>
HTML .ALBERT.
<head>
<title>Albert 😁</title>
<meta
name="viewport"
content=
"width=device-width,
initial-scale=1.0"/>
</head>
<body>
<h1>Albert Go Play Champion</h1>
<button class="boton">
<img
class="img"
src= "https://media4.giphy.com/media/FUdCakrH8XSgzQGKsM/giphy.gif?cid=6c09b952t2cnieqlouk0trlecgba10twjz78cqzqqd8gbv89&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=g">
</button>
</body>
</html>
CSS.ALBERT..
/* Created by albert */
@import url(https://fonts.googleapis.com/css?family=Erica+On);
* {
margin: 0;
padding: 0;
}
body {
background: black;
}
.boton {
position: absolute;
background: dodgerblue;
top: 20%;
}
.img {
width: 80%;
}
h1 {
font-family: 'Erica One', cursive;
top: 2em;
width: 100%;
text-align: center;
position: absolute;
font-size: 2.3em;
color: #fff;
line-height: 1px;
text-shadow: 0 1px 0 #CCC,
0 2px 0 dodgerblue,
0 3px 0 dodgerblue,
0 4px 0 dodgerblue,
0 5px 0 #CCC,
0 6px 0 transparent,
0 7px 0 transparent,
0 8px 0 transparent,
0 9px 0 transparent,
0 20px 20px white;
}
JS.ALBERT..
// Created by albert \\
function accionPlay(){
var reproducir = new Audio();
reproducir.src= "https://www.dropbox.com/s/01kxct849mqmsfd/Albert.mp3?dl=1";
reproducir.play();
}
function iniciar(){
button= document.querySelectorAll("button"); button[0].addEventListener("click", accionPlay, false);
}
window.addEventListener("load", iniciar, false);
No hay comentarios:
Publicar un comentario