🌈Rainbow Text 🌈| HTML & CSS | Coding 🔥#shorts

preview_player
Показать описание
Create your own Rainbow text using #html and #css. Come #programming wth the @MindfulProgrammer
  1. MindfulProgrammer
  2. html css
  3. html tutorial
  4. html tutorial for beginners
  5. html css tutorial
  6. css
Рекомендации по теме
nullptr's css speedcodes 0:00:41

nullptr's css speedcodes #1 | Animated Rainbow Text using ONLY CSS and HTML

Rainbow Gradient Text 0:04:34

Rainbow Gradient Text Animation using HTML & CSS

Rainbow Text | 0:00:59

Rainbow Text | HTML CSS

Pure CSS Rainbow 0:01:32

Pure CSS Rainbow Text Animation

Animated Rainbow Gradient 0:05:08

Animated Rainbow Gradient Text Using HTML and CSS Step by Step Tutorial.

Rainbow Text || 0:02:38

Rainbow Text || HTML CSS #html #css #webdevelopment

Rainbow Text Effect 0:00:59

Rainbow Text Effect By HTML and CSS

Rainbow Text with 0:00:14

Rainbow Text with HTML & CSS 🌈

Rainbow Text Animation 0:00:08

Rainbow Text Animation HTML CSS | https://youtu.be/oK3uoDeQIlU

HTML Rainbow Text 0:04:04

HTML Rainbow Text Generator | VIBGYOR colors font | Rainbow text copy and paste

3 Ways to 0:09:50

3 Ways to Create Rainbow Text with CSS! Gradients, Colored Letters, and Text Shadows

How to make 0:02:11

How to make rainbow text animation using CSS | HTML & CSS | Maboo Kool

Rainbow Text Shadow 0:05:04

Rainbow Text Shadow | CSS Text Hover Effect

🌈🔦 Rainbow Spotlight 0:00:07

🌈🔦 Rainbow Spotlight Text with HTML CSS

How to code 0:00:37

How to code Rainbow Text in HTML and CSS | Day 100 #frontenddeveloper

Create Rainbow Text 0:00:23

Create Rainbow Text Animation with HTML Canvas | HTML5 Canvas Tutorial #shorts #coding #JavaScript

HOW TO GET 0:01:02

HOW TO GET RAINBOW TEXT FOR YOUR STAND IN PLEASE DONATE! | (WORKING 2022)

🌈Rainbow Text 🌈| 0:00:42

🌈Rainbow Text 🌈| HTML & CSS | Coding 🔥#shorts

Create Rainbow 🌈 0:00:18

Create Rainbow 🌈 text with CSS #css #html #javascript #beginners #webdevelopment #code #coding

Auto Change Color 0:13:43

Auto Change Color Text HTML (RAINBOW TEXT HTML - MOBILE HTML+CSS).

Rainbow Text Shadow 0:00:18

Rainbow Text Shadow CSS Text Hover Effect

CSS Rainbow Text 0:07:13

CSS Rainbow Text Animation | CSS Text Effect

How to Get 0:02:49

How to Get RAINBOW & GRADIENT Custom Text in Pls Donate

Simple CSS Rainbow 0:00:54

Simple CSS Rainbow Text ✨ #html #css #animation #coding

Комментарии
Автор

<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="stylesheet"
/>

<style>
body {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
margin: 0;
background: #202124;
}

.text {
font-family: "Kanit", sans-serif;
font-size: 0.7rem;
letter-spacing: -0.5px;
}

.text p {
animation-name: rainbow;
animation-duration: 1.6s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.61, 0.36, 0.26, 0.53);
padding: 5px;
background: linear-gradient(
90deg,
rgba(65, 65, 204, 1) 0%,
rgba(246, 0, 0, 1) 10%,
rgba(255, 140, 0, 1) 25%,
rgba(255, 238, 0, 1) 38%,
rgba(77, 233, 76, 1) 45%,
rgba(55, 131, 255, 1) 60%,
rgba(65, 65, 204, 1) 75%,
rgba(246, 0, 0, 1) 85%,
rgba(255, 140, 0, 1) 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400% 400%;
}

@keyframes rainbow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
</style>
</head>
<body>
<div class="text"><p>Mindful Programmer</p></div>
</body>
</html>

MindfulProgrammer
Автор

Chill bro you definitely deserve a sub❤🎉😂

lames
join shbcf.ru