WEBLEB
Home
AI Editor
Login
Pro
English
English
Français
Español
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <button>Bienvenu</button> </body> </html>
body{ background: black; } button{ padding: 10px 40px; display: block; margin: 260px auto; font-size: 20px; border: 3px solid; background: linear-gradient(45deg,red,blue); animation: awal 3s infinite alternate-reverse; } @keyframes awal { from{filter: hue-rotate(0deg);} to{filter: hue-rotate(360deg);} }
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Open Advanced Editor
Publish Code
Full Screen
HTML
CSS
JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <button>Bienvenu</button> </body> </html>
body{ background: black; } button{ padding: 10px 40px; display: block; margin: 260px auto; font-size: 20px; border: 3px solid; background: linear-gradient(45deg,red,blue); animation: awal 3s infinite alternate-reverse; } @keyframes awal { from{filter: hue-rotate(0deg);} to{filter: hue-rotate(360deg);} }
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Validating your code, please wait...