質問編集履歴
1
html,cssを追加修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,21 +8,30 @@
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
```html
|
|
11
|
+
<footer>
|
|
11
12
|
<div id="page-top">
|
|
12
13
|
<a href="#">PAGETOP</a>
|
|
13
14
|
</div>
|
|
15
|
+
</footer>
|
|
14
16
|
```
|
|
15
17
|
|
|
16
18
|
```scss
|
|
19
|
+
footer{
|
|
20
|
+
background: #ff5c6d;
|
|
21
|
+
color: white;
|
|
22
|
+
padding: 20% 5% 2% 25%;
|
|
23
|
+
position: relative;
|
|
24
|
+
}
|
|
25
|
+
|
|
17
26
|
#page-top{
|
|
18
27
|
cursor: pointer;
|
|
19
28
|
display: flex;
|
|
20
29
|
align-items: flex-end;
|
|
21
30
|
right: 30px;
|
|
22
|
-
top: 90px;
|
|
23
31
|
transition-duration: 0.5s;
|
|
24
32
|
transition-property: transform;
|
|
25
33
|
position: absolute;
|
|
34
|
+
top: 12px;
|
|
26
35
|
&:hover{
|
|
27
36
|
transform: translate(0, -10px);
|
|
28
37
|
}
|
|
@@ -30,6 +39,7 @@
|
|
|
30
39
|
writing-mode: vertical-lr;
|
|
31
40
|
font-weight: bold;
|
|
32
41
|
color: white;
|
|
42
|
+
text-decoration: none;
|
|
33
43
|
}
|
|
34
44
|
&::before{
|
|
35
45
|
content: "";
|