回答編集履歴
1
少しコンパクトにしました。
answer
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
.image {
|
|
4
4
|
width: 100px;
|
|
5
5
|
height: 100px;
|
|
6
|
-
position: relative;
|
|
6
|
+
/* position: relative; */
|
|
7
7
|
background: #c33;
|
|
8
8
|
display: flex;
|
|
9
9
|
justify-content: center;
|
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
img {
|
|
14
|
+
/*
|
|
14
15
|
display: block;
|
|
15
|
-
position:
|
|
16
|
+
position: absolute;
|
|
16
|
-
flex-shrink: 0;
|
|
17
|
-
/*
|
|
18
17
|
top: 50%;
|
|
19
18
|
left: 50%;
|
|
20
19
|
transform: translate3d(-50%, -50%, 0);
|
|
21
20
|
*/
|
|
22
21
|
opacity: 0.5;
|
|
22
|
+
flex-shrink: 0;
|
|
23
23
|
}
|
|
24
24
|
```
|