html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Valentine's Day Code II</title>
<style>
body {
margin: 0;
background: #000 url('https://dl.dropbox.com/scl/fi/9l7bfe81y40jh5quscu5x/IMG_20250211_124002.jpg?rlkey=x8zvee3gpv2l0n6lyo80ervo5&st=6prn6268&dl=1') no-repeat center center / cover;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.heart {
position: relative;
width: 40px; /* Reduced width */
height: 39px; /* Adjusted height */
background-color: red;
transform: rotate(-45deg);
animation: beat 1s infinite;
}
.heart::before,
.heart::after {
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// Audio
var url = 'https://dl.dropbox.com/scl/fi/wfgppqwte76qawa0hme5c/Sandra-N-Liar.mp3?rlkey=18b7myn20l0om28hyuue45s8k&st=uw1m7ws6&dl=1';
window.AudioContext = window.AudioContext||window.webkitAudioContext; //fix up prefixing
var context = new AudioContext(); //context
var source = context.createBufferSource(); //source node
source.connect(context.destination); //connect source to speakers so we can hear it
var request = new XMLHttpRequest();
request.open('GET', url, true);
request.responseType = 'arraybuffer'; //the response is an array of bits
request.onload = function() {
context.decodeAudioData(request.response, function(response) {
source.buffer = response;
source.start(0); //play audio immediately
source.loop = true;
}, function () { console.error('The request failed.'); } );
}
request.send();
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Ejecutar