Skip to content

Commit 8edbb19

Browse files
committed
Add styles and transition
1 parent 49e0411 commit 8edbb19

File tree

1 file changed

+54
-0
lines changed
  • Source-Code/GradientBackgroundGenerator

1 file changed

+54
-0
lines changed
Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
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+
}

0 commit comments

Comments
 (0)