質問編集履歴

2

CSSの追加

2018/05/18 02:06

投稿

kouki0611
kouki0611

スコア8

test CHANGED
File without changes
test CHANGED
@@ -192,6 +192,122 @@
192
192
 
193
193
  </div>
194
194
 
195
+
196
+
197
+ CSS
198
+
199
+
200
+
201
+ #mypattern{
202
+
203
+ width: 100%;
204
+
205
+ }
206
+
207
+ #mypattern .slick-slide{
208
+
209
+ margin: 20px;
210
+
211
+ /* transition: 1s !important; */
212
+
213
+ }
214
+
215
+ @media screen and (min-width: 769px) {
216
+
217
+ #mypattern .slick-slide:not(.slick-center) {
218
+
219
+ -webkit-filter: grayscale(70%);
220
+
221
+ -moz-filter: grayscale(70%);
222
+
223
+ -o-filter: grayscale(70%);
224
+
225
+ -ms-filter: grayscale(70%);
226
+
227
+ filter: grayscale(70%);
228
+
229
+ -webkit-transform: scale(0.9);
230
+
231
+ -moz-transform: scale(0.9);
232
+
233
+ -ms-transform: scale(0.9);
234
+
235
+ -o-transform: scale(0.9);
236
+
237
+ transform: scale(0.9);
238
+
239
+ }
240
+
241
+ }
242
+
243
+
244
+
245
+ .slide-list {
246
+
247
+ transition: .8s;
248
+
249
+ transform: translate3d(0,0,0);
250
+
251
+ position: relative;
252
+
253
+ }
254
+
255
+ .intro-item:hover {
256
+
257
+ box-shadow: 0 0 10px #454545;
258
+
259
+ transition: .8s;
260
+
261
+ }
262
+
263
+
264
+
265
+ .text-box {
266
+
267
+ float: left;
268
+
269
+ height: 100%;
270
+
271
+ width: 28.57em !important;
272
+
273
+ position: absolute;
274
+
275
+ top: 0;
276
+
277
+ right: 0;
278
+
279
+ bottom: 0;
280
+
281
+ left: 0;
282
+
283
+ }
284
+
285
+
286
+
287
+ .text-box-inner {
288
+
289
+ padding: 0 3em;
290
+
291
+ position: absolute;
292
+
293
+ top: 50%;
294
+
295
+ transform: translateY(-50%);
296
+
297
+ }
298
+
299
+
300
+
301
+ .slide-img {
302
+
303
+ float: right;
304
+
305
+ width: calc(100% - 28.57em) !important;
306
+
307
+ }
308
+
309
+
310
+
195
311
  ```
196
312
 
197
313
 

1

見出しを変更致しました。

2018/05/18 02:06

投稿

kouki0611
kouki0611

スコア8

test CHANGED
@@ -1 +1 @@
1
- slick.js実装、ループ時(2周目へのスライド時)のカクツキへの対応
1
+ jQueryプラグイン「slick実装、ループ時(2周目へのスライド時)のカクツキを無くしたい
test CHANGED
@@ -204,7 +204,7 @@
204
204
 
205
205
 
206
206
 
207
- 初心者で、説明などが下手で誠に申し訳ありません
207
+ 初心者で、説明などが下手で誠に申し訳ありませんが、
208
208
 
209
209
  非常に困っておりますので、誠にお手数ですがどなたかご指摘頂けますと有難く思います。
210
210