📑 Style Workout 01: radial-gradient & webkit-background-clip

style_01.html

radial-gradient & webkit-background-clip

xxxxxxxxxx

 

1

%%html

2

<style>

3

@import 'https://fonts.googleapis.com/css?family=Ewert';

4

#d302h01 {background:white; text-align:center; padding:2px;}

5

.h1rg {display:inline-block; font-size:35px; line-height:1.1;

6

       padding:10px; font-family:'Ewert',sans-serif;

7

       text-transform:uppercase;

8

       background:radial-gradient(

9

           circle farthest-corner at center center,

10

           orange,magenta,cyan) no-repeat;

11

       -webkit-background-clip:text;

12

       -webkit-text-fill-color:transparent;}

13

</style>

14

<div id='d302h01'><h1 class='h1rg'>

15

Dawn comes to those who have seen the darkness 

16

in all its mysterious majesty...</h1></div>

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages