質問編集履歴
4
試したことを加筆しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -90,6 +90,8 @@
|
|
|
90
90
|
|
|
91
91
|
などに変更してやってみましたがダメでした。
|
|
92
92
|
|
|
93
|
+
transitionをもう少し詳しく書いても無理でした。
|
|
94
|
+
|
|
93
95
|
また、代替策として
|
|
94
96
|
|
|
95
97
|
|
3
試したことを書き加えました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -90,7 +90,35 @@
|
|
|
90
90
|
|
|
91
91
|
などに変更してやってみましたがダメでした。
|
|
92
92
|
|
|
93
|
+
また、代替策として
|
|
93
94
|
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
```CSS
|
|
98
|
+
|
|
99
|
+
@keyframes InsteadTransition{
|
|
100
|
+
|
|
101
|
+
0%{object-position:0 0;}
|
|
102
|
+
|
|
103
|
+
100%{object-position:0 50px;}
|
|
104
|
+
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
.trans{
|
|
110
|
+
|
|
111
|
+
width:100px;
|
|
112
|
+
|
|
113
|
+
animation-name:InsteadTransition;
|
|
114
|
+
|
|
115
|
+
animation-duration: 2s;
|
|
116
|
+
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
を試してみましたが、うまくいきませんでした。
|
|
94
122
|
|
|
95
123
|
|
|
96
124
|
|
2
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
|
|
83
83
|
-webkit-transition: -webkit-object-position 2s;
|
|
84
84
|
|
|
85
|
-
-webkit-transition: object-posiiton 2s
|
|
85
|
+
-webkit-transition: object-posiiton 2s;
|
|
86
86
|
|
|
87
87
|
transition: -webkit-object-position 2s;
|
|
88
88
|
|
1
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|