質問編集履歴
2
CSSの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -95,6 +95,64 @@
|
|
|
95
95
|
|
|
96
96
|
</div>
|
|
97
97
|
</div>
|
|
98
|
+
|
|
99
|
+
CSS
|
|
100
|
+
|
|
101
|
+
#mypattern{
|
|
102
|
+
width: 100%;
|
|
103
|
+
}
|
|
104
|
+
#mypattern .slick-slide{
|
|
105
|
+
margin: 20px;
|
|
106
|
+
/* transition: 1s !important; */
|
|
107
|
+
}
|
|
108
|
+
@media screen and (min-width: 769px) {
|
|
109
|
+
#mypattern .slick-slide:not(.slick-center) {
|
|
110
|
+
-webkit-filter: grayscale(70%);
|
|
111
|
+
-moz-filter: grayscale(70%);
|
|
112
|
+
-o-filter: grayscale(70%);
|
|
113
|
+
-ms-filter: grayscale(70%);
|
|
114
|
+
filter: grayscale(70%);
|
|
115
|
+
-webkit-transform: scale(0.9);
|
|
116
|
+
-moz-transform: scale(0.9);
|
|
117
|
+
-ms-transform: scale(0.9);
|
|
118
|
+
-o-transform: scale(0.9);
|
|
119
|
+
transform: scale(0.9);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.slide-list {
|
|
124
|
+
transition: .8s;
|
|
125
|
+
transform: translate3d(0,0,0);
|
|
126
|
+
position: relative;
|
|
127
|
+
}
|
|
128
|
+
.intro-item:hover {
|
|
129
|
+
box-shadow: 0 0 10px #454545;
|
|
130
|
+
transition: .8s;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.text-box {
|
|
134
|
+
float: left;
|
|
135
|
+
height: 100%;
|
|
136
|
+
width: 28.57em !important;
|
|
137
|
+
position: absolute;
|
|
138
|
+
top: 0;
|
|
139
|
+
right: 0;
|
|
140
|
+
bottom: 0;
|
|
141
|
+
left: 0;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.text-box-inner {
|
|
145
|
+
padding: 0 3em;
|
|
146
|
+
position: absolute;
|
|
147
|
+
top: 50%;
|
|
148
|
+
transform: translateY(-50%);
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.slide-img {
|
|
152
|
+
float: right;
|
|
153
|
+
width: calc(100% - 28.57em) !important;
|
|
154
|
+
}
|
|
155
|
+
|
|
98
156
|
```
|
|
99
157
|
|
|
100
158
|
### 試したこと
|
1
見出しを変更致しました。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
slick
|
|
1
|
+
jQueryプラグイン「slick」実装、ループ時（2周目へのスライド時）のカクツキを無くしたい
|
body
CHANGED
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
transform: translate3d(0,0,0);を各要素に指定してみたりしましたが、特に変化はありませんでした。
|
|
102
102
|
|
|
103
103
|
|
|
104
|
-
初心者で、説明などが下手で誠に申し訳ありません
|
|
104
|
+
初心者で、説明などが下手で誠に申し訳ありませんが、
|
|
105
105
|
非常に困っておりますので、誠にお手数ですがどなたかご指摘頂けますと有難く思います。
|
|
106
106
|
|
|
107
107
|
宜しくお願い致します。
|