Text Gradient with only CSS

Sign In

Sign Up

FILES

src

style.css

index.html

package.json

Items: 0

PACKAGES

Items: 0

index.html

style.css

1

2

3

4

5

6

7

8

9

10

11

12

13

14

body {
  background:  #fff;
  padding: 0 24px;
  margin: 0;
  height: 100vh;
  color:  white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-gradient-purple-coral {
  font-size: 2.5rem; /* Makes the text large and noticeable */
  font-weight: bold; /* Adds emphasis to the text */

Web View

?

1

Share

Share to web

Allow editing

Help & support guide

Discord

PlayCode v2025.5.15

Restart

Ctrl + R

Hard Restart

Ctrl + ⇧ + R

Live View

Live View Delay

Loop Protection

Run on Opening

Deployment

https://2219764.playcode.io

Share to web

Share website with anyone

.playcode.io

Need help to setup custom domain? Click here.

Zoom

White Background

100