Anjos de Deus!
<center><a href="javascript:window.print()"><h1 style="color:blue;">Eu sou o anjo indigo<br>Anjo da paz e fe<br>Enviando esperanca e amor.<br>Em nome de Deus.</h1></a><br><img src="https://i.pinimg.com/originals/b7/a7/dd/b7a7dd728f093b4c2278cb5ea04b5366.gif"></a><br><h2>Eu sou o arcanjo Miguel<br>O arcanjo ídigo!<br>Pertencente há espiritualidade maior.<br>Que a todos abençoa em nome de Deus!</h2><br><img src="https://3.bp.blogspot.com/-R9uTvIzVNUk/YE_vJbFcXBI/AAAAAAAAAnI/mbn6BbrwLtoAXcZnNo-VLj0RYhxqszlJwCK4BGAYYCw/s752/3f6945b123ddc6a9db04bb26d0f09659.gif"><br>
<a href="javascript:window.print()"><h1 style="background-color:red;">Seja feliz por favor!<br>A imaginação não tem limites.<br>o limite é o infinito!</h1><br><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anjos no Céu</title>
<style>
body {
margin: 0;
overflow: hidden;
background-color: #87CEEB; /* céu azul */
}
.angel {
position: absolute;
font-size: 20px;
color: red; /* cor dos anjos */
}
.letter {
position: absolute;
font-size: 20px;
color: green; /* cor das letras de amor */
}
</style>
</head>
<body>
<script>
// Função para criar anjos e letras de amor em posições aleatórias
function createElements() {
// Array com os caracteres dos anjos e letras de amor
let characters = ['☺୨⎯ 🌹 Amor 🌹 ⎯୧୨⎯ 🌹 DEUS 🌹 ⎯୧;', 'L', 'O', 'V', 'E'];
setInterval(() => {
let element = document.createElement('div');
element.className = Math.random() < 0.5 ? 'angel' : 'letter';
element.innerHTML = characters[Math.floor(Math.random() * characters.length)];
element.style.left = `${Math.random() * window.innerWidth}px`;
element.style.top = '-50px';
document.body.appendChild(element);
// Animação de queda
let intervalId = setInterval(() => {
let top = parseInt(element.style.top);
if (top >= window.innerHeight) {
clearInterval(intervalId);
element.remove();
} else {
element.style.top = `${top + 1}px`;
}
}, 20);
}, 500);
}
// Chama a função ao carregar a página
window.onload = createElements;
</script>
</body>
</html></a>
</center>
Código transformar imagem preto e branco!
<html>
<meta charset="utf-8">
<form>
<input type="file" id="uploadImage" accept="image/*">
<button onclick="transformImage()">Transformar imagem</button>
</form>
<img id="originalImage" src="https://avatars.mds.yandex.net/i?id=3de17e4da458c4d4a2860ceebfbbabaa28356ec7-9066147-images-thumbs&n=13">
<script>
function transformImage() {
const fileInput = document.getElementById('uploadImage');
const file = fileInput.files[0];
const reader = new FileReader();
reader.onload = function(e) {
const image = new Image();
image.src = e.target.result;
image.onload = function() {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = image.width;
canvas.height = image.height;
ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Transformar a imagem em preto e branco
for (let i = 0; i < imageData.data.length; i += 4) {
const avg = (imageData.data[i] + imageData.data[i + 1] + imageData.data[i + 2]) / 3;
imageData.data[i] = avg;
imageData.data[i + 1] = avg;
imageData.data[i + 2] = avg;
}
ctx.putImageData(imageData, 0, 0);
// Borrar a imagem
ctx.filter = 'blur(5px)';
ctx.drawImage(canvas, 0, 0);
// Transformar a imagem em estilo cartoon
ctx.filter = 'contrast(200%) brightness(150%)';
ctx.drawImage(canvas, 0, 0);
// Exibir a imagem transformada
const transformedImage = document.getElementById('originalImage');
transformedImage.src = canvas.toDataURL();
};
};
reader.readAsDataURL(file);
}
</script>
</html>