File tree Expand file tree Collapse file tree 3 files changed +55
-4
lines changed Expand file tree Collapse file tree 3 files changed +55
-4
lines changed Load Diff This file was deleted.
Original file line number Diff line number Diff line change
1
+ * {
2
+ margin : 0 ;
3
+ }
4
+ html {
5
+ color : # ffffff ;
6
+ font-family : monospace;
7
+ text-align : center;
8
+ }
9
+ body {
10
+ background-color : # 000000 ;
11
+ position : fixed;
12
+ top : 50% ;
13
+ left : 50% ;
14
+ translate : -50% -50% ;
15
+ height : auto;
16
+ width : 75% ;
17
+ }
18
+ @property --angle1 {
19
+ syntax : "<angle>" ;
20
+ initial-value : 0deg ;
21
+ inherits : false
22
+ }
23
+ h1 {
24
+ font-size : 30px ;
25
+ -webkit-text-stroke-color : hsl (var (--angle1 ) 100% 50% );
26
+ -webkit-text-stroke-width : 0.5px ;
27
+ filter : drop-shadow (0px 20px 50px hsl (var (--angle1 ) 100% 50% )) drop-shadow (10px 5px 5px hsl (var (--angle1 ) 100% 50% / 50% )) drop-shadow (400px -10px 50px hsl (var (--angle1 ) 100% 50% / 50% )) drop-shadow (-400px 20px 50px hsl (var (--angle1 ) 100% 50% / 50% ));
28
+ animation : 3s rgb linear infinite;
29
+ }
30
+ @keyframes rgb {
31
+ from {
32
+ --angle1 : 0deg
33
+ }
34
+ to {
35
+ --angle1 : 360deg
36
+ }
37
+ }
38
+ span {
39
+ position : fixed;
40
+ translate : -50% 2px ;
41
+ width : 100% ;
42
+ background : hsl (0deg 0% 100% / 25% );
43
+ background : radial-gradient (circle, hsl (0deg 0% 100% / 25% ) 0% , hsl (0deg 0% 0% / 0% ) 100% );
44
+ background : -moz-radial-gradient (circle, hsl (0deg 0% 100% / 25% ) 0% , hsl (0deg 0% 0% / 0% ) 100% );
45
+ background : -webkit-radial-gradient (circle, hsl (0deg 0% 100% / 25% ) 0% , hsl (0deg 0% 0% / 0% ) 100% );
46
+ max-width : 700px ;
47
+ color : hsl (0 0% 75% );
48
+ filter : saturate (0% );
49
+ opacity : 0.4 ;
50
+ padding-bottom : 5px ;
51
+ }
52
+ h4 {
53
+ translate : 0% calc (100% + 9px );
54
+ }
Original file line number Diff line number Diff line change 2
2
< html >
3
3
< head >
4
4
< title > Just an Ultimate Site Tool</ title >
5
- < link rel ="stylesheet " href ="https://just.is-a.dev/.css ">
5
+ < link rel ="stylesheet " href ="https://just.is-a.dev/a .css ">
6
6
</ head >
7
7
< body >
8
8
< h1 > Just an Ultimate Site Tool</ h1 >
You can’t perform that action at this time.
0 commit comments