File tree Expand file tree Collapse file tree 1 file changed +54
-0
lines changed
Source-Code/GradientBackgroundGenerator Expand file tree Collapse file tree 1 file changed +54
-0
lines changed Original file line number Diff line number Diff line change
1
+ body {
2
+ margin : 0 ;
3
+ padding : 0 ;
4
+ font-family : Arial, sans-serif;
5
+ text-align : center;
6
+ background : linear-gradient (to right, # f00, # ff0 );
7
+ transition : 0.5s ease;
8
+ }
9
+
10
+ h1 {
11
+ margin-top : 20px ;
12
+ }
13
+
14
+ input {
15
+ margin : 10px ;
16
+ border : none;
17
+ height : 40px ;
18
+ width : 100px ;
19
+ }
20
+
21
+ h2 ,
22
+ h3 {
23
+ margin : 20px ;
24
+ }
25
+
26
+ button {
27
+ width : 250px ;
28
+ height : 40px ;
29
+ background : # eeeff1 ;
30
+ color : rgb (16 , 16 , 16 );
31
+ border : none;
32
+ border-radius : 0.6em ;
33
+ cursor : pointer;
34
+ font-size : large;
35
+ font-weight : 500 ;
36
+ margin-top : 1rem ;
37
+ transition : 0.5s , color 0.5s , transform 0.5s ;
38
+ }
39
+
40
+ button : hover {
41
+ background : # 8ce0ea ;
42
+ color : # eeeff1 ;
43
+ transform : scale (1.1 );
44
+ }
45
+
46
+ @keyframes button-press {
47
+ 0% { transform : scale (1 ); }
48
+ 50% { transform : scale (0.9 ); }
49
+ 100% { transform : scale (1 ); }
50
+ }
51
+
52
+ button : active {
53
+ animation : button-press 0.2s ;
54
+ }
You can’t perform that action at this time.
0 commit comments