Version Description
- Removed columns control
- Added support for iOS devices
- Added link feature
- Inline editing
- Change image size
- Center align text by default
Download this release
Release Info
| Developer | blocksera |
| Plugin |  Image Hover Effects – Elementor Addon |
| Version | 1.1 |
| Comparing to | |
| See all releases | |
Code changes from version 1.0 to 1.1
- assets/css/admin.css +0 -100
- assets/{css/imagehover.css → style.css} +1423 -1520
- image-hover-effects-addon-for-elementor.php +77 -63
- inc/elementor-checker.php +0 -59
- inc/elementor-helper.php +0 -19
- includes/elementor-checker.php +64 -0
- includes/widgets.php +413 -0
- readme.txt +12 -2
- widgets/eihe-image-hover.php +0 -419
assets/css/admin.css
DELETED
|
@@ -1,100 +0,0 @@
|
|
| 1 |
-
.eihe-container {
|
| 2 |
-
display: block;
|
| 3 |
-
-webkit-box-sizing: border-box;
|
| 4 |
-
box-sizing: border-box;
|
| 5 |
-
text-align: center;
|
| 6 |
-
display: -webkit-box;
|
| 7 |
-
display: -ms-flexbox;
|
| 8 |
-
display: flex;
|
| 9 |
-
-ms-flex-wrap: wrap;
|
| 10 |
-
flex-wrap: wrap;
|
| 11 |
-
-webkit-box-orient: vertical;
|
| 12 |
-
-webkit-box-direction: normal;
|
| 13 |
-
-ms-flex-direction: row;
|
| 14 |
-
flex-direction: row;
|
| 15 |
-
-webkit-box-pack: center;
|
| 16 |
-
-ms-flex-pack: center;
|
| 17 |
-
justify-content: center;
|
| 18 |
-
-webkit-box-align: center;
|
| 19 |
-
-ms-flex-align: center;
|
| 20 |
-
-ms-grid-row-align: center;
|
| 21 |
-
align-items: center;
|
| 22 |
-
}
|
| 23 |
-
.eihe-container[data-col="1"] .eihe-columns {
|
| 24 |
-
width: 100%;
|
| 25 |
-
}
|
| 26 |
-
.eihe-container[data-col="2"] .eihe-columns {
|
| 27 |
-
width: 50%;
|
| 28 |
-
}
|
| 29 |
-
.eihe-container[data-col="3"] .eihe-columns {
|
| 30 |
-
width: 33.33%;
|
| 31 |
-
}
|
| 32 |
-
.eihe-container[data-col="4"] .eihe-columns {
|
| 33 |
-
width: 25%;
|
| 34 |
-
}
|
| 35 |
-
.eihe-container[data-col="5"] .eihe-columns {
|
| 36 |
-
width: 20%;
|
| 37 |
-
}
|
| 38 |
-
|
| 39 |
-
@media only screen and (min-width: 768px) and (max-width: 1024px) {
|
| 40 |
-
.eihe-container[data-col="4"] .eihe-columns,
|
| 41 |
-
.eihe-container[data-col="5"] .eihe-columns {
|
| 42 |
-
width: 50%;
|
| 43 |
-
}
|
| 44 |
-
}
|
| 45 |
-
@media only screen and (max-width: 767px) {
|
| 46 |
-
.eihe-container[data-col="1"] .eihe-columns,
|
| 47 |
-
.eihe-container[data-col="2"] .eihe-columns,
|
| 48 |
-
.eihe-container[data-col="3"] .eihe-columns,
|
| 49 |
-
.eihe-container[data-col="4"] .eihe-columns,
|
| 50 |
-
.eihe-container[data-col="5"] .eihe-columns {
|
| 51 |
-
width: 100%;
|
| 52 |
-
}
|
| 53 |
-
}
|
| 54 |
-
|
| 55 |
-
.eihe-columns .eihe-box {
|
| 56 |
-
position: relative;
|
| 57 |
-
}
|
| 58 |
-
|
| 59 |
-
.eihe-container.eihe-vertical .eihe-info {
|
| 60 |
-
display: -webkit-box;
|
| 61 |
-
display: -ms-flexbox;
|
| 62 |
-
display: flex;
|
| 63 |
-
-ms-flex-wrap: wrap;
|
| 64 |
-
flex-wrap: wrap;
|
| 65 |
-
-webkit-box-orient: vertical;
|
| 66 |
-
-webkit-box-direction: normal;
|
| 67 |
-
-ms-flex-direction: column;
|
| 68 |
-
flex-direction: column;
|
| 69 |
-
-webkit-box-pack: center;
|
| 70 |
-
-ms-flex-pack: center;
|
| 71 |
-
justify-content: center;
|
| 72 |
-
-webkit-box-align: center;
|
| 73 |
-
-ms-flex-align: center;
|
| 74 |
-
-ms-grid-row-align: center;
|
| 75 |
-
align-items: center;
|
| 76 |
-
}
|
| 77 |
-
|
| 78 |
-
.eihe-container .eihe-info h2 {
|
| 79 |
-
margin: 0;
|
| 80 |
-
padding: 0;
|
| 81 |
-
}
|
| 82 |
-
|
| 83 |
-
.eihe-container .eihe-info p {
|
| 84 |
-
margin: 0;
|
| 85 |
-
padding: 0;
|
| 86 |
-
}
|
| 87 |
-
|
| 88 |
-
.eihe-columns .eihe-box .eihe-layer {
|
| 89 |
-
position: absolute;
|
| 90 |
-
top: 0;
|
| 91 |
-
left: 0;
|
| 92 |
-
right: 0;
|
| 93 |
-
bottom: 0;
|
| 94 |
-
margin: auto;
|
| 95 |
-
opacity: 0;
|
| 96 |
-
}
|
| 97 |
-
|
| 98 |
-
.eihe-columns .eihe-box:hover .eihe-layer {
|
| 99 |
-
opacity: 1;
|
| 100 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
assets/{css/imagehover.css → style.css}
RENAMED
|
@@ -1,1520 +1,1423 @@
|
|
| 1 |
-
|
| 2 |
-
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
| 23 |
-
-
|
| 24 |
-
|
| 25 |
-
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
-
|
| 129 |
-
transform:
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
-
|
| 139 |
-
transform: translateY(100%);
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
-
|
| 147 |
-
transform: translateY(
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
-
|
| 157 |
-
transform:
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
-
|
| 165 |
-
transform:
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
-
|
| 175 |
-
transform: translateX(100%);
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
-
|
| 183 |
-
transform: translateX(
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
-
|
| 193 |
-
transform:
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
|
| 250 |
-
|
| 251 |
-
|
| 252 |
-
}
|
| 253 |
-
|
| 254 |
-
|
| 255 |
-
|
| 256 |
-
|
| 257 |
-
-
|
| 258 |
-
-
|
| 259 |
-
|
| 260 |
-
|
| 261 |
-
|
| 262 |
-
|
| 263 |
-
|
| 264 |
-
|
| 265 |
-
|
| 266 |
-
|
| 267 |
-
|
| 268 |
-
|
| 269 |
-
|
| 270 |
-
|
| 271 |
-
|
| 272 |
-
|
| 273 |
-
|
| 274 |
-
|
| 275 |
-
|
| 276 |
-
|
| 277 |
-
|
| 278 |
-
|
| 279 |
-
|
| 280 |
-
|
| 281 |
-
|
| 282 |
-
|
| 283 |
-
|
| 284 |
-
|
| 285 |
-
|
| 286 |
-
|
| 287 |
-
|
| 288 |
-
|
| 289 |
-
|
| 290 |
-
|
| 291 |
-
|
| 292 |
-
|
| 293 |
-
|
| 294 |
-
|
| 295 |
-
|
| 296 |
-
|
| 297 |
-
|
| 298 |
-
|
| 299 |
-
|
| 300 |
-
|
| 301 |
-
|
| 302 |
-
|
| 303 |
-
|
| 304 |
-
|
| 305 |
-
|
| 306 |
-
|
| 307 |
-
}
|
| 308 |
-
|
| 309 |
-
|
| 310 |
-
|
| 311 |
-
|
| 312 |
-
-
|
| 313 |
-
-
|
| 314 |
-
|
| 315 |
-
}
|
| 316 |
-
|
| 317 |
-
|
| 318 |
-
opacity:
|
| 319 |
-
-
|
| 320 |
-
|
| 321 |
-
|
| 322 |
-
|
| 323 |
-
|
| 324 |
-
|
| 325 |
-
|
| 326 |
-
|
| 327 |
-
|
| 328 |
-
-
|
| 329 |
-
-
|
| 330 |
-
-
|
| 331 |
-
|
| 332 |
-
|
| 333 |
-
|
| 334 |
-
|
| 335 |
-
|
| 336 |
-
|
| 337 |
-
-
|
| 338 |
-
-
|
| 339 |
-
-
|
| 340 |
-
-
|
| 341 |
-
|
| 342 |
-
|
| 343 |
-
|
| 344 |
-
|
| 345 |
-
|
| 346 |
-
|
| 347 |
-
-
|
| 348 |
-
|
| 349 |
-
-
|
| 350 |
-
-
|
| 351 |
-
transform:
|
| 352 |
-
|
| 353 |
-
|
| 354 |
-
|
| 355 |
-
|
| 356 |
-
.eihe-
|
| 357 |
-
-webkit-transform:
|
| 358 |
-
-moz-transform:
|
| 359 |
-
-ms-transform:
|
| 360 |
-
-o-transform:
|
| 361 |
-
transform:
|
| 362 |
-
}
|
| 363 |
-
|
| 364 |
-
|
| 365 |
-
|
| 366 |
-
|
| 367 |
-
-
|
| 368 |
-
-
|
| 369 |
-
|
| 370 |
-
|
| 371 |
-
|
| 372 |
-
|
| 373 |
-
|
| 374 |
-
|
| 375 |
-
|
| 376 |
-
|
| 377 |
-
-
|
| 378 |
-
-
|
| 379 |
-
-
|
| 380 |
-
|
| 381 |
-
|
| 382 |
-
|
| 383 |
-
|
| 384 |
-
|
| 385 |
-
|
| 386 |
-
|
| 387 |
-
|
| 388 |
-
-
|
| 389 |
-
-
|
| 390 |
-
-
|
| 391 |
-
transform:
|
| 392 |
-
|
| 393 |
-
|
| 394 |
-
|
| 395 |
-
|
| 396 |
-
|
| 397 |
-
-
|
| 398 |
-
-
|
| 399 |
-
-
|
| 400 |
-
|
| 401 |
-
|
| 402 |
-
}
|
| 403 |
-
|
| 404 |
-
|
| 405 |
-
|
| 406 |
-
|
| 407 |
-
-
|
| 408 |
-
-
|
| 409 |
-
|
| 410 |
-
}
|
| 411 |
-
|
| 412 |
-
|
| 413 |
-
|
| 414 |
-
|
| 415 |
-
|
| 416 |
-
|
| 417 |
-
|
| 418 |
-
|
| 419 |
-
|
| 420 |
-
|
| 421 |
-
|
| 422 |
-
|
| 423 |
-
-webkit-
|
| 424 |
-
-moz-
|
| 425 |
-
|
| 426 |
-
|
| 427 |
-
|
| 428 |
-
|
| 429 |
-
|
| 430 |
-
|
| 431 |
-
-
|
| 432 |
-
|
| 433 |
-
|
| 434 |
-
|
| 435 |
-
|
| 436 |
-
|
| 437 |
-
|
| 438 |
-
|
| 439 |
-
-
|
| 440 |
-
|
| 441 |
-
|
| 442 |
-
|
| 443 |
-
|
| 444 |
-
-webkit-transform
|
| 445 |
-
-moz-transform
|
| 446 |
-
-ms-transform
|
| 447 |
-
-o-transform
|
| 448 |
-
transform
|
| 449 |
-
}
|
| 450 |
-
|
| 451 |
-
|
| 452 |
-
|
| 453 |
-
|
| 454 |
-
-
|
| 455 |
-
-
|
| 456 |
-
transform:
|
| 457 |
-
|
| 458 |
-
|
| 459 |
-
|
| 460 |
-
|
| 461 |
-
|
| 462 |
-
-
|
| 463 |
-
-
|
| 464 |
-
transform:
|
| 465 |
-
|
| 466 |
-
|
| 467 |
-
|
| 468 |
-
|
| 469 |
-
|
| 470 |
-
-
|
| 471 |
-
|
| 472 |
-
|
| 473 |
-
|
| 474 |
-
|
| 475 |
-
|
| 476 |
-
|
| 477 |
-
|
| 478 |
-
-
|
| 479 |
-
|
| 480 |
-
|
| 481 |
-
|
| 482 |
-
|
| 483 |
-
-webkit-transform
|
| 484 |
-
-moz-transform
|
| 485 |
-
-ms-transform
|
| 486 |
-
-o-transform
|
| 487 |
-
transform
|
| 488 |
-
}
|
| 489 |
-
|
| 490 |
-
|
| 491 |
-
|
| 492 |
-
|
| 493 |
-
-
|
| 494 |
-
-
|
| 495 |
-
|
| 496 |
-
|
| 497 |
-
|
| 498 |
-
|
| 499 |
-
|
| 500 |
-
|
| 501 |
-
|
| 502 |
-
|
| 503 |
-
|
| 504 |
-
|
| 505 |
-
|
| 506 |
-
|
| 507 |
-
|
| 508 |
-
|
| 509 |
-
|
| 510 |
-
|
| 511 |
-
|
| 512 |
-
-
|
| 513 |
-
-
|
| 514 |
-
|
| 515 |
-
}
|
| 516 |
-
|
| 517 |
-
|
| 518 |
-
|
| 519 |
-
|
| 520 |
-
-
|
| 521 |
-
-
|
| 522 |
-
transform:
|
| 523 |
-
-
|
| 524 |
-
|
| 525 |
-
-
|
| 526 |
-
-
|
| 527 |
-
transform-origin:
|
| 528 |
-
|
| 529 |
-
|
| 530 |
-
|
| 531 |
-
|
| 532 |
-
|
| 533 |
-
-
|
| 534 |
-
-
|
| 535 |
-
transform:
|
| 536 |
-
|
| 537 |
-
|
| 538 |
-
|
| 539 |
-
|
| 540 |
-
|
| 541 |
-
-
|
| 542 |
-
-
|
| 543 |
-
transform:
|
| 544 |
-
|
| 545 |
-
|
| 546 |
-
|
| 547 |
-
|
| 548 |
-
|
| 549 |
-
|
| 550 |
-
|
| 551 |
-
-
|
| 552 |
-
-
|
| 553 |
-
transform
|
| 554 |
-
|
| 555 |
-
|
| 556 |
-
|
| 557 |
-
-
|
| 558 |
-
-
|
| 559 |
-
-
|
| 560 |
-
-
|
| 561 |
-
|
| 562 |
-
|
| 563 |
-
|
| 564 |
-
-
|
| 565 |
-
-
|
| 566 |
-
transform
|
| 567 |
-
|
| 568 |
-
|
| 569 |
-
|
| 570 |
-
|
| 571 |
-
|
| 572 |
-
-
|
| 573 |
-
-
|
| 574 |
-
transform: rotateY(
|
| 575 |
-
|
| 576 |
-
|
| 577 |
-
|
| 578 |
-
|
| 579 |
-
|
| 580 |
-
|
| 581 |
-
|
| 582 |
-
transform:
|
| 583 |
-
|
| 584 |
-
|
| 585 |
-
|
| 586 |
-
|
| 587 |
-
|
| 588 |
-
|
| 589 |
-
|
| 590 |
-
|
| 591 |
-
|
| 592 |
-
|
| 593 |
-
|
| 594 |
-
|
| 595 |
-
}
|
| 596 |
-
|
| 597 |
-
.eihe-
|
| 598 |
-
|
| 599 |
-
|
| 600 |
-
|
| 601 |
-
|
| 602 |
-
|
| 603 |
-
}
|
| 604 |
-
|
| 605 |
-
|
| 606 |
-
|
| 607 |
-
|
| 608 |
-
-
|
| 609 |
-
|
| 610 |
-
|
| 611 |
-
|
| 612 |
-
|
| 613 |
-
|
| 614 |
-
|
| 615 |
-
|
| 616 |
-
-
|
| 617 |
-
-
|
| 618 |
-
-
|
| 619 |
-
transform:
|
| 620 |
-
|
| 621 |
-
|
| 622 |
-
|
| 623 |
-
|
| 624 |
-
transform
|
| 625 |
-
|
| 626 |
-
|
| 627 |
-
|
| 628 |
-
|
| 629 |
-
|
| 630 |
-
|
| 631 |
-
|
| 632 |
-
|
| 633 |
-
|
| 634 |
-
|
| 635 |
-
|
| 636 |
-
-webkit-
|
| 637 |
-
-moz-
|
| 638 |
-
-
|
| 639 |
-
|
| 640 |
-
|
| 641 |
-
|
| 642 |
-
|
| 643 |
-
|
| 644 |
-
|
| 645 |
-
|
| 646 |
-
|
| 647 |
-
|
| 648 |
-
|
| 649 |
-
-
|
| 650 |
-
|
| 651 |
-
-
|
| 652 |
-
|
| 653 |
-
|
| 654 |
-
|
| 655 |
-
|
| 656 |
-
|
| 657 |
-
|
| 658 |
-
|
| 659 |
-
|
| 660 |
-
|
| 661 |
-
|
| 662 |
-
|
| 663 |
-
|
| 664 |
-
|
| 665 |
-
|
| 666 |
-
|
| 667 |
-
|
| 668 |
-
|
| 669 |
-
|
| 670 |
-
|
| 671 |
-
|
| 672 |
-
|
| 673 |
-
|
| 674 |
-
|
| 675 |
-
|
| 676 |
-
|
| 677 |
-
|
| 678 |
-
|
| 679 |
-
|
| 680 |
-
|
| 681 |
-
|
| 682 |
-
}
|
| 683 |
-
|
| 684 |
-
.eihe-
|
| 685 |
-
|
| 686 |
-
|
| 687 |
-
|
| 688 |
-
|
| 689 |
-
|
| 690 |
-
|
| 691 |
-
|
| 692 |
-
|
| 693 |
-
|
| 694 |
-
|
| 695 |
-
|
| 696 |
-
-
|
| 697 |
-
transform:
|
| 698 |
-
|
| 699 |
-
|
| 700 |
-
|
| 701 |
-
|
| 702 |
-
|
| 703 |
-
|
| 704 |
-
|
| 705 |
-
|
| 706 |
-
|
| 707 |
-
|
| 708 |
-
|
| 709 |
-
|
| 710 |
-
.eihe-
|
| 711 |
-
|
| 712 |
-
|
| 713 |
-
|
| 714 |
-
|
| 715 |
-
transform:
|
| 716 |
-
|
| 717 |
-
|
| 718 |
-
|
| 719 |
-
|
| 720 |
-
|
| 721 |
-
|
| 722 |
-
|
| 723 |
-
|
| 724 |
-
|
| 725 |
-
|
| 726 |
-
|
| 727 |
-
|
| 728 |
-
|
| 729 |
-
|
| 730 |
-
|
| 731 |
-
|
| 732 |
-
|
| 733 |
-
|
| 734 |
-
|
| 735 |
-
|
| 736 |
-
|
| 737 |
-
|
| 738 |
-
|
| 739 |
-
|
| 740 |
-
|
| 741 |
-
|
| 742 |
-
|
| 743 |
-
|
| 744 |
-
|
| 745 |
-
|
| 746 |
-
|
| 747 |
-
}
|
| 748 |
-
|
| 749 |
-
|
| 750 |
-
opacity: 1;
|
| 751 |
-
-webkit-transition-delay: 0.
|
| 752 |
-
-moz-transition-delay: 0.
|
| 753 |
-
transition-delay: 0.
|
| 754 |
-
}
|
| 755 |
-
|
| 756 |
-
/*
|
| 757 |
-
----------------------------- */
|
| 758 |
-
.eihe-
|
| 759 |
-
|
| 760 |
-
|
| 761 |
-
|
| 762 |
-
|
| 763 |
-
|
| 764 |
-
|
| 765 |
-
|
| 766 |
-
|
| 767 |
-
|
| 768 |
-
|
| 769 |
-
|
| 770 |
-
|
| 771 |
-
|
| 772 |
-
|
| 773 |
-
|
| 774 |
-
|
| 775 |
-
|
| 776 |
-
|
| 777 |
-
|
| 778 |
-
|
| 779 |
-
|
| 780 |
-
|
| 781 |
-
|
| 782 |
-
|
| 783 |
-
|
| 784 |
-
|
| 785 |
-
|
| 786 |
-
.eihe-
|
| 787 |
-
|
| 788 |
-
|
| 789 |
-
|
| 790 |
-
|
| 791 |
-
|
| 792 |
-
|
| 793 |
-
|
| 794 |
-
|
| 795 |
-
|
| 796 |
-
}
|
| 797 |
-
|
| 798 |
-
.eihe-
|
| 799 |
-
|
| 800 |
-
|
| 801 |
-
|
| 802 |
-
|
| 803 |
-
|
| 804 |
-
|
| 805 |
-
|
| 806 |
-
|
| 807 |
-
|
| 808 |
-
|
| 809 |
-
|
| 810 |
-
|
| 811 |
-
|
| 812 |
-
|
| 813 |
-
|
| 814 |
-
transform:
|
| 815 |
-
|
| 816 |
-
|
| 817 |
-
|
| 818 |
-
|
| 819 |
-
|
| 820 |
-
|
| 821 |
-
|
| 822 |
-
|
| 823 |
-
|
| 824 |
-
|
| 825 |
-
|
| 826 |
-
|
| 827 |
-
}
|
| 828 |
-
|
| 829 |
-
.eihe-
|
| 830 |
-
|
| 831 |
-
|
| 832 |
-
|
| 833 |
-
|
| 834 |
-
|
| 835 |
-
|
| 836 |
-
|
| 837 |
-
|
| 838 |
-
|
| 839 |
-
|
| 840 |
-
|
| 841 |
-
|
| 842 |
-
|
| 843 |
-
|
| 844 |
-
|
| 845 |
-
|
| 846 |
-
|
| 847 |
-
|
| 848 |
-
|
| 849 |
-
|
| 850 |
-
|
| 851 |
-
|
| 852 |
-
|
| 853 |
-
|
| 854 |
-
|
| 855 |
-
|
| 856 |
-
|
| 857 |
-
|
| 858 |
-
|
| 859 |
-
|
| 860 |
-
|
| 861 |
-
|
| 862 |
-
|
| 863 |
-
|
| 864 |
-
.eihe-
|
| 865 |
-
|
| 866 |
-
|
| 867 |
-
|
| 868 |
-
|
| 869 |
-
|
| 870 |
-
|
| 871 |
-
|
| 872 |
-
|
| 873 |
-
|
| 874 |
-
|
| 875 |
-
|
| 876 |
-
|
| 877 |
-
|
| 878 |
-
|
| 879 |
-
|
| 880 |
-
|
| 881 |
-
|
| 882 |
-
|
| 883 |
-
|
| 884 |
-
|
| 885 |
-
|
| 886 |
-
|
| 887 |
-
|
| 888 |
-
|
| 889 |
-
|
| 890 |
-
|
| 891 |
-
|
| 892 |
-
|
| 893 |
-
|
| 894 |
-
|
| 895 |
-
|
| 896 |
-
|
| 897 |
-
|
| 898 |
-
|
| 899 |
-
|
| 900 |
-
|
| 901 |
-
|
| 902 |
-
|
| 903 |
-
|
| 904 |
-
|
| 905 |
-
|
| 906 |
-
|
| 907 |
-
|
| 908 |
-
|
| 909 |
-
|
| 910 |
-
|
| 911 |
-
-
|
| 912 |
-
-
|
| 913 |
-
|
| 914 |
-
}
|
| 915 |
-
|
| 916 |
-
|
| 917 |
-
-webkit-transform:
|
| 918 |
-
-moz-transform:
|
| 919 |
-
-ms-transform:
|
| 920 |
-
-o-transform:
|
| 921 |
-
transform:
|
| 922 |
-
|
| 923 |
-
|
| 924 |
-
|
| 925 |
-
-
|
| 926 |
-
|
| 927 |
-
|
| 928 |
-
|
| 929 |
-
|
| 930 |
-
|
| 931 |
-
|
| 932 |
-
|
| 933 |
-
-
|
| 934 |
-
-
|
| 935 |
-
-
|
| 936 |
-
|
| 937 |
-
|
| 938 |
-
|
| 939 |
-
|
| 940 |
-
|
| 941 |
-
|
| 942 |
-
|
| 943 |
-
|
| 944 |
-
|
| 945 |
-
-
|
| 946 |
-
-
|
| 947 |
-
|
| 948 |
-
|
| 949 |
-
}
|
| 950 |
-
|
| 951 |
-
.eihe-
|
| 952 |
-
-webkit-transform:
|
| 953 |
-
-moz-transform:
|
| 954 |
-
-ms-transform:
|
| 955 |
-
-o-transform:
|
| 956 |
-
transform:
|
| 957 |
-
}
|
| 958 |
-
|
| 959 |
-
|
| 960 |
-
|
| 961 |
-
|
| 962 |
-
-
|
| 963 |
-
-
|
| 964 |
-
transform:
|
| 965 |
-
|
| 966 |
-
|
| 967 |
-
|
| 968 |
-
|
| 969 |
-
|
| 970 |
-
-
|
| 971 |
-
-
|
| 972 |
-
transform:
|
| 973 |
-
|
| 974 |
-
|
| 975 |
-
|
| 976 |
-
-
|
| 977 |
-
-
|
| 978 |
-
-
|
| 979 |
-
-
|
| 980 |
-
|
| 981 |
-
|
| 982 |
-
|
| 983 |
-
|
| 984 |
-
|
| 985 |
-
|
| 986 |
-
-
|
| 987 |
-
-
|
| 988 |
-
|
| 989 |
-
|
| 990 |
-
|
| 991 |
-
|
| 992 |
-
|
| 993 |
-
-
|
| 994 |
-
-
|
| 995 |
-
-
|
| 996 |
-
transform-origin:
|
| 997 |
-
|
| 998 |
-
|
| 999 |
-
|
| 1000 |
-
|
| 1001 |
-
|
| 1002 |
-
|
| 1003 |
-
|
| 1004 |
-
|
| 1005 |
-
|
| 1006 |
-
-webkit-
|
| 1007 |
-
-moz-
|
| 1008 |
-
|
| 1009 |
-
|
| 1010 |
-
|
| 1011 |
-
|
| 1012 |
-
|
| 1013 |
-
|
| 1014 |
-
-
|
| 1015 |
-
-
|
| 1016 |
-
transform:
|
| 1017 |
-
|
| 1018 |
-
|
| 1019 |
-
|
| 1020 |
-
|
| 1021 |
-
|
| 1022 |
-
|
| 1023 |
-
|
| 1024 |
-
|
| 1025 |
-
|
| 1026 |
-
-
|
| 1027 |
-
-
|
| 1028 |
-
|
| 1029 |
-
|
| 1030 |
-
|
| 1031 |
-
|
| 1032 |
-
|
| 1033 |
-
|
| 1034 |
-
-
|
| 1035 |
-
-
|
| 1036 |
-
|
| 1037 |
-
-
|
| 1038 |
-
transform:
|
| 1039 |
-
-
|
| 1040 |
-
-
|
| 1041 |
-
|
| 1042 |
-
|
| 1043 |
-
|
| 1044 |
-
|
| 1045 |
-
|
| 1046 |
-
|
| 1047 |
-
-
|
| 1048 |
-
-
|
| 1049 |
-
|
| 1050 |
-
|
| 1051 |
-
|
| 1052 |
-
|
| 1053 |
-
|
| 1054 |
-
|
| 1055 |
-
|
| 1056 |
-
|
| 1057 |
-
-
|
| 1058 |
-
-
|
| 1059 |
-
-
|
| 1060 |
-
|
| 1061 |
-
|
| 1062 |
-
|
| 1063 |
-
|
| 1064 |
-
|
| 1065 |
-
-
|
| 1066 |
-
-
|
| 1067 |
-
-
|
| 1068 |
-
|
| 1069 |
-
|
| 1070 |
-
|
| 1071 |
-
|
| 1072 |
-
|
| 1073 |
-
|
| 1074 |
-
|
| 1075 |
-
|
| 1076 |
-
|
| 1077 |
-
|
| 1078 |
-
-
|
| 1079 |
-
|
| 1080 |
-
-
|
| 1081 |
-
-
|
| 1082 |
-
transform:
|
| 1083 |
-
|
| 1084 |
-
|
| 1085 |
-
|
| 1086 |
-
|
| 1087 |
-
|
| 1088 |
-
|
| 1089 |
-
-
|
| 1090 |
-
-
|
| 1091 |
-
-
|
| 1092 |
-
transform
|
| 1093 |
-
|
| 1094 |
-
|
| 1095 |
-
|
| 1096 |
-
-
|
| 1097 |
-
-
|
| 1098 |
-
|
| 1099 |
-
|
| 1100 |
-
|
| 1101 |
-
|
| 1102 |
-
|
| 1103 |
-
-
|
| 1104 |
-
-
|
| 1105 |
-
transform
|
| 1106 |
-
|
| 1107 |
-
|
| 1108 |
-
|
| 1109 |
-
|
| 1110 |
-
|
| 1111 |
-
|
| 1112 |
-
|
| 1113 |
-
|
| 1114 |
-
|
| 1115 |
-
|
| 1116 |
-
|
| 1117 |
-
|
| 1118 |
-
|
| 1119 |
-
-
|
| 1120 |
-
-
|
| 1121 |
-
-
|
| 1122 |
-
-
|
| 1123 |
-
|
| 1124 |
-
|
| 1125 |
-
|
| 1126 |
-
|
| 1127 |
-
|
| 1128 |
-
|
| 1129 |
-
|
| 1130 |
-
|
| 1131 |
-
|
| 1132 |
-
|
| 1133 |
-
|
| 1134 |
-
|
| 1135 |
-
|
| 1136 |
-
|
| 1137 |
-
|
| 1138 |
-
|
| 1139 |
-
.
|
| 1140 |
-
|
| 1141 |
-
|
| 1142 |
-
|
| 1143 |
-
|
| 1144 |
-
|
| 1145 |
-
|
| 1146 |
-
|
| 1147 |
-
|
| 1148 |
-
|
| 1149 |
-
|
| 1150 |
-
|
| 1151 |
-
|
| 1152 |
-
|
| 1153 |
-
|
| 1154 |
-
|
| 1155 |
-
|
| 1156 |
-
|
| 1157 |
-
|
| 1158 |
-
|
| 1159 |
-
|
| 1160 |
-
|
| 1161 |
-
|
| 1162 |
-
|
| 1163 |
-
|
| 1164 |
-
|
| 1165 |
-
|
| 1166 |
-
|
| 1167 |
-
|
| 1168 |
-
|
| 1169 |
-
|
| 1170 |
-
-
|
| 1171 |
-
-
|
| 1172 |
-
-
|
| 1173 |
-
-
|
| 1174 |
-
|
| 1175 |
-
|
| 1176 |
-
|
| 1177 |
-
|
| 1178 |
-
|
| 1179 |
-
|
| 1180 |
-
|
| 1181 |
-
|
| 1182 |
-
|
| 1183 |
-
|
| 1184 |
-
|
| 1185 |
-
|
| 1186 |
-
|
| 1187 |
-
|
| 1188 |
-
|
| 1189 |
-
|
| 1190 |
-
|
| 1191 |
-
|
| 1192 |
-
|
| 1193 |
-
}
|
| 1194 |
-
|
| 1195 |
-
|
| 1196 |
-
|
| 1197 |
-
|
| 1198 |
-
|
| 1199 |
-
|
| 1200 |
-
|
| 1201 |
-
|
| 1202 |
-
|
| 1203 |
-
|
| 1204 |
-
}
|
| 1205 |
-
|
| 1206 |
-
|
| 1207 |
-
|
| 1208 |
-
|
| 1209 |
-
|
| 1210 |
-
|
| 1211 |
-
|
| 1212 |
-
|
| 1213 |
-
|
| 1214 |
-
|
| 1215 |
-
|
| 1216 |
-
|
| 1217 |
-
|
| 1218 |
-
|
| 1219 |
-
|
| 1220 |
-
|
| 1221 |
-
|
| 1222 |
-
|
| 1223 |
-
|
| 1224 |
-
|
| 1225 |
-
|
| 1226 |
-
|
| 1227 |
-
|
| 1228 |
-
|
| 1229 |
-
|
| 1230 |
-
|
| 1231 |
-
-
|
| 1232 |
-
-
|
| 1233 |
-
-
|
| 1234 |
-
transform: scale(0.8)
|
| 1235 |
-
|
| 1236 |
-
|
| 1237 |
-
}
|
| 1238 |
-
|
| 1239 |
-
|
| 1240 |
-
|
| 1241 |
-
-
|
| 1242 |
-
-
|
| 1243 |
-
|
| 1244 |
-
|
| 1245 |
-
|
| 1246 |
-
|
| 1247 |
-
|
| 1248 |
-
|
| 1249 |
-
|
| 1250 |
-
-
|
| 1251 |
-
-
|
| 1252 |
-
-
|
| 1253 |
-
transform: scale(0.8)
|
| 1254 |
-
|
| 1255 |
-
|
| 1256 |
-
}
|
| 1257 |
-
|
| 1258 |
-
|
| 1259 |
-
|
| 1260 |
-
|
| 1261 |
-
|
| 1262 |
-
|
| 1263 |
-
|
| 1264 |
-
|
| 1265 |
-
|
| 1266 |
-
|
| 1267 |
-
|
| 1268 |
-
|
| 1269 |
-
|
| 1270 |
-
|
| 1271 |
-
|
| 1272 |
-
|
| 1273 |
-
|
| 1274 |
-
|
| 1275 |
-
|
| 1276 |
-
|
| 1277 |
-
|
| 1278 |
-
|
| 1279 |
-
|
| 1280 |
-
|
| 1281 |
-
|
| 1282 |
-
|
| 1283 |
-
-
|
| 1284 |
-
-
|
| 1285 |
-
-
|
| 1286 |
-
transform: scale(0.8)
|
| 1287 |
-
|
| 1288 |
-
|
| 1289 |
-
}
|
| 1290 |
-
|
| 1291 |
-
|
| 1292 |
-
|
| 1293 |
-
-
|
| 1294 |
-
-
|
| 1295 |
-
|
| 1296 |
-
|
| 1297 |
-
|
| 1298 |
-
|
| 1299 |
-
|
| 1300 |
-
|
| 1301 |
-
|
| 1302 |
-
-
|
| 1303 |
-
-
|
| 1304 |
-
-
|
| 1305 |
-
transform: scale(0.8)
|
| 1306 |
-
|
| 1307 |
-
|
| 1308 |
-
}
|
| 1309 |
-
|
| 1310 |
-
|
| 1311 |
-
|
| 1312 |
-
|
| 1313 |
-
|
| 1314 |
-
|
| 1315 |
-
|
| 1316 |
-
|
| 1317 |
-
|
| 1318 |
-
|
| 1319 |
-
|
| 1320 |
-
|
| 1321 |
-
|
| 1322 |
-
|
| 1323 |
-
|
| 1324 |
-
|
| 1325 |
-
|
| 1326 |
-
|
| 1327 |
-
|
| 1328 |
-
|
| 1329 |
-
|
| 1330 |
-
|
| 1331 |
-
|
| 1332 |
-
|
| 1333 |
-
100%
|
| 1334 |
-
|
| 1335 |
-
|
| 1336 |
-
|
| 1337 |
-
|
| 1338 |
-
|
| 1339 |
-
|
| 1340 |
-
|
| 1341 |
-
|
| 1342 |
-
|
| 1343 |
-
|
| 1344 |
-
|
| 1345 |
-
|
| 1346 |
-
|
| 1347 |
-
|
| 1348 |
-
|
| 1349 |
-
|
| 1350 |
-
|
| 1351 |
-
|
| 1352 |
-
|
| 1353 |
-
|
| 1354 |
-
|
| 1355 |
-
|
| 1356 |
-
|
| 1357 |
-
|
| 1358 |
-
|
| 1359 |
-
|
| 1360 |
-
|
| 1361 |
-
|
| 1362 |
-
|
| 1363 |
-
|
| 1364 |
-
|
| 1365 |
-
|
| 1366 |
-
|
| 1367 |
-
|
| 1368 |
-
|
| 1369 |
-
|
| 1370 |
-
|
| 1371 |
-
-
|
| 1372 |
-
-
|
| 1373 |
-
|
| 1374 |
-
|
| 1375 |
-
|
| 1376 |
-
|
| 1377 |
-
|
| 1378 |
-
|
| 1379 |
-
|
| 1380 |
-
|
| 1381 |
-
|
| 1382 |
-
|
| 1383 |
-
|
| 1384 |
-
|
| 1385 |
-
|
| 1386 |
-
|
| 1387 |
-
|
| 1388 |
-
|
| 1389 |
-
|
| 1390 |
-
|
| 1391 |
-
|
| 1392 |
-
|
| 1393 |
-
|
| 1394 |
-
|
| 1395 |
-
|
| 1396 |
-
|
| 1397 |
-
|
| 1398 |
-
|
| 1399 |
-
|
| 1400 |
-
|
| 1401 |
-
|
| 1402 |
-
|
| 1403 |
-
|
| 1404 |
-
|
| 1405 |
-
|
| 1406 |
-
|
| 1407 |
-
|
| 1408 |
-
|
| 1409 |
-
|
| 1410 |
-
|
| 1411 |
-
|
| 1412 |
-
|
| 1413 |
-
|
| 1414 |
-
|
| 1415 |
-
|
| 1416 |
-
|
| 1417 |
-
|
| 1418 |
-
|
| 1419 |
-
|
| 1420 |
-
|
| 1421 |
-
|
| 1422 |
-
|
| 1423 |
-
|
| 1424 |
-
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1425 |
-
-moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1426 |
-
-ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1427 |
-
-o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1428 |
-
transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1429 |
-
}
|
| 1430 |
-
|
| 1431 |
-
.eihe-container .imghvr-zoom-out-flip-horiz:hover > img, .eihe-container .imghvr-zoom-out-flip-horiz.hover > img {
|
| 1432 |
-
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1433 |
-
-moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1434 |
-
-ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1435 |
-
-o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1436 |
-
transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1437 |
-
opacity: 0;
|
| 1438 |
-
-webkit-transition-delay: 0;
|
| 1439 |
-
-moz-transition-delay: 0;
|
| 1440 |
-
transition-delay: 0;
|
| 1441 |
-
}
|
| 1442 |
-
|
| 1443 |
-
.eihe-container .imghvr-zoom-out-flip-horiz:hover .eihe-info, .eihe-container .imghvr-zoom-out-flip-horiz.hover .eihe-info {
|
| 1444 |
-
-webkit-transform: rotateX(0) translateY(0%) scale(1);
|
| 1445 |
-
-moz-transform: rotateX(0) translateY(0%) scale(1);
|
| 1446 |
-
-ms-transform: rotateX(0) translateY(0%) scale(1);
|
| 1447 |
-
-o-transform: rotateX(0) translateY(0%) scale(1);
|
| 1448 |
-
transform: rotateX(0) translateY(0%) scale(1);
|
| 1449 |
-
opacity: 1;
|
| 1450 |
-
-webkit-transition-delay: 0.35s;
|
| 1451 |
-
-moz-transition-delay: 0.35s;
|
| 1452 |
-
transition-delay: 0.35s;
|
| 1453 |
-
}
|
| 1454 |
-
|
| 1455 |
-
/* imghvr-zoom-out-flip-vert
|
| 1456 |
-
----------------------------- */
|
| 1457 |
-
.eihe-container .imghvr-zoom-out-flip-vert {
|
| 1458 |
-
-webkit-perspective: 50em;
|
| 1459 |
-
-moz-perspective: 50em;
|
| 1460 |
-
perspective: 50em;
|
| 1461 |
-
}
|
| 1462 |
-
|
| 1463 |
-
.eihe-container .imghvr-zoom-out-flip-vert .eihe-info {
|
| 1464 |
-
opacity: 0;
|
| 1465 |
-
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1466 |
-
-moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1467 |
-
-ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1468 |
-
-o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1469 |
-
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1470 |
-
}
|
| 1471 |
-
|
| 1472 |
-
.eihe-container .imghvr-zoom-out-flip-vert:hover > img, .eihe-container .imghvr-zoom-out-flip-vert.hover > img {
|
| 1473 |
-
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1474 |
-
-moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1475 |
-
-ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1476 |
-
-o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1477 |
-
transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1478 |
-
opacity: 0;
|
| 1479 |
-
-webkit-transition-delay: 0;
|
| 1480 |
-
-moz-transition-delay: 0;
|
| 1481 |
-
transition-delay: 0;
|
| 1482 |
-
}
|
| 1483 |
-
|
| 1484 |
-
.eihe-container .imghvr-zoom-out-flip-vert:hover .eihe-info, .eihe-container .imghvr-zoom-out-flip-vert.hover .eihe-info {
|
| 1485 |
-
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
|
| 1486 |
-
-moz-transform: rotateY(0) translate(0, 0) scale(1);
|
| 1487 |
-
-ms-transform: rotateY(0) translate(0, 0) scale(1);
|
| 1488 |
-
-o-transform: rotateY(0) translate(0, 0) scale(1);
|
| 1489 |
-
transform: rotateY(0) translate(0, 0) scale(1);
|
| 1490 |
-
opacity: 1;
|
| 1491 |
-
-webkit-transition-delay: 0.35s;
|
| 1492 |
-
-moz-transition-delay: 0.35s;
|
| 1493 |
-
transition-delay: 0.35s;
|
| 1494 |
-
}
|
| 1495 |
-
|
| 1496 |
-
/* imghvr-blur
|
| 1497 |
-
----------------------------- */
|
| 1498 |
-
.eihe-container .imghvr-blur .eihe-info {
|
| 1499 |
-
opacity: 0;
|
| 1500 |
-
}
|
| 1501 |
-
|
| 1502 |
-
.eihe-container .imghvr-blur:hover > img {
|
| 1503 |
-
-webkit-filter: blur(30px);
|
| 1504 |
-
filter: blur(30px);
|
| 1505 |
-
-webkit-transform: scale(1.2);
|
| 1506 |
-
-moz-transform: scale(1.2);
|
| 1507 |
-
-ms-transform: scale(1.2);
|
| 1508 |
-
-o-transform: scale(1.2);
|
| 1509 |
-
transform: scale(1.2);
|
| 1510 |
-
opacity: 0;
|
| 1511 |
-
}
|
| 1512 |
-
|
| 1513 |
-
.eihe-container .imghvr-blur:hover .eihe-info {
|
| 1514 |
-
opacity: 1;
|
| 1515 |
-
-webkit-transition-delay: 0.21s;
|
| 1516 |
-
-moz-transition-delay: 0.21s;
|
| 1517 |
-
transition-delay: 0.21s;
|
| 1518 |
-
}
|
| 1519 |
-
|
| 1520 |
-
/*# sourceMappingURL=imagehover.css.map */
|
| 1 |
+
.eihe-box {
|
| 2 |
+
position: relative;
|
| 3 |
+
display: block;
|
| 4 |
+
overflow: hidden;
|
| 5 |
+
cursor: pointer;
|
| 6 |
+
backface-visibility: hidden;
|
| 7 |
+
-webkit-backface-visibility: hidden;
|
| 8 |
+
transform: translateZ(0);
|
| 9 |
+
-o-transform: translateZ(0);
|
| 10 |
+
-ms-transform: translateZ(0);
|
| 11 |
+
-moz-transform: translateZ(0);
|
| 12 |
+
-webkit-transform: translateZ(0);
|
| 13 |
+
-moz-osx-font-smoothing: grayscale;
|
| 14 |
+
}
|
| 15 |
+
|
| 16 |
+
.eihe-box img {
|
| 17 |
+
width: 100%;
|
| 18 |
+
vertical-align: middle;
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
.eihe-box .eihe-caption {
|
| 22 |
+
display: flex;
|
| 23 |
+
flex-direction: column;
|
| 24 |
+
position: absolute;
|
| 25 |
+
top: 0;
|
| 26 |
+
bottom: 0;
|
| 27 |
+
left: 0;
|
| 28 |
+
right: 0;
|
| 29 |
+
margin: auto;
|
| 30 |
+
color: #fff;
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
.eihe-box .eihe-caption p, .eihe-box .eihe-caption h3 {
|
| 34 |
+
margin-bottom: 0;
|
| 35 |
+
}
|
| 36 |
+
|
| 37 |
+
.eihe-box,
|
| 38 |
+
.eihe-box:before,
|
| 39 |
+
.eihe-box:after,
|
| 40 |
+
.eihe-box *,
|
| 41 |
+
.eihe-box *:before,
|
| 42 |
+
.eihe-box *:after {
|
| 43 |
+
box-sizing: border-box;
|
| 44 |
+
-webkit-transition: all 0.5s ease;
|
| 45 |
+
-moz-transition: all 0.5s ease;
|
| 46 |
+
transition: all 0.5s ease;
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
/* eihe-fade-*
|
| 50 |
+
----------------------------- */
|
| 51 |
+
[class^='eihe-fade'] .eihe-caption, [class*=' eihe-fade'] .eihe-caption {
|
| 52 |
+
opacity: 0;
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
[class^='eihe-fade']:hover .eihe-caption, [class*=' eihe-fade']:hover .eihe-caption {
|
| 56 |
+
opacity: 1;
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
[class^='eihe-fade']:hover > img, [class^='eihe-fade']:hover .eihe-caption, [class*=' eihe-fade']:hover > img, [class*=' eihe-fade']:hover .eihe-caption {
|
| 60 |
+
-webkit-transform: translate(0, 0);
|
| 61 |
+
-moz-transform: translate(0, 0);
|
| 62 |
+
-ms-transform: translate(0, 0);
|
| 63 |
+
-o-transform: translate(0, 0);
|
| 64 |
+
transform: translate(0, 0);
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
+
/* eihe-fade-in-up
|
| 68 |
+
----------------------------- */
|
| 69 |
+
.eihe-fade-in-up .eihe-caption {
|
| 70 |
+
-webkit-transform: translate(0, 15%);
|
| 71 |
+
-moz-transform: translate(0, 15%);
|
| 72 |
+
-ms-transform: translate(0, 15%);
|
| 73 |
+
-o-transform: translate(0, 15%);
|
| 74 |
+
transform: translate(0, 15%);
|
| 75 |
+
}
|
| 76 |
+
|
| 77 |
+
/* eihe-fade-in-down
|
| 78 |
+
----------------------------- */
|
| 79 |
+
.eihe-fade-in-down .eihe-caption {
|
| 80 |
+
-webkit-transform: translate(0, -15%);
|
| 81 |
+
-moz-transform: translate(0, -15%);
|
| 82 |
+
-ms-transform: translate(0, -15%);
|
| 83 |
+
-o-transform: translate(0, -15%);
|
| 84 |
+
transform: translate(0, -15%);
|
| 85 |
+
}
|
| 86 |
+
|
| 87 |
+
/* eihe-fade-in-left
|
| 88 |
+
----------------------------- */
|
| 89 |
+
.eihe-fade-in-left .eihe-caption {
|
| 90 |
+
-webkit-transform: translate(-15%, 0);
|
| 91 |
+
-moz-transform: translate(-15%, 0);
|
| 92 |
+
-ms-transform: translate(-15%, 0);
|
| 93 |
+
-o-transform: translate(-15%, 0);
|
| 94 |
+
transform: translate(-15%, 0);
|
| 95 |
+
}
|
| 96 |
+
|
| 97 |
+
/* eihe-fade-in-right
|
| 98 |
+
----------------------------- */
|
| 99 |
+
.eihe-fade-in-right .eihe-caption {
|
| 100 |
+
-webkit-transform: translate(15%, 0);
|
| 101 |
+
-moz-transform: translate(15%, 0);
|
| 102 |
+
-ms-transform: translate(15%, 0);
|
| 103 |
+
-o-transform: translate(15%, 0);
|
| 104 |
+
transform: translate(15%, 0);
|
| 105 |
+
}
|
| 106 |
+
|
| 107 |
+
/* eihe-push-*
|
| 108 |
+
----------------------------- */
|
| 109 |
+
[class^='eihe-push-']:hover .eihe-caption, [class*=' eihe-push-']:hover .eihe-caption {
|
| 110 |
+
-webkit-transform: translate(0, 0);
|
| 111 |
+
-moz-transform: translate(0, 0);
|
| 112 |
+
-ms-transform: translate(0, 0);
|
| 113 |
+
-o-transform: translate(0, 0);
|
| 114 |
+
transform: translate(0, 0);
|
| 115 |
+
}
|
| 116 |
+
|
| 117 |
+
/* eihe-push-up
|
| 118 |
+
----------------------------- */
|
| 119 |
+
.eihe-push-up .eihe-caption {
|
| 120 |
+
-webkit-transform: translateY(100%);
|
| 121 |
+
-moz-transform: translateY(100%);
|
| 122 |
+
-ms-transform: translateY(100%);
|
| 123 |
+
-o-transform: translateY(100%);
|
| 124 |
+
transform: translateY(100%);
|
| 125 |
+
}
|
| 126 |
+
|
| 127 |
+
.eihe-push-up:hover > img {
|
| 128 |
+
-webkit-transform: translateY(-100%);
|
| 129 |
+
-moz-transform: translateY(-100%);
|
| 130 |
+
-ms-transform: translateY(-100%);
|
| 131 |
+
-o-transform: translateY(-100%);
|
| 132 |
+
transform: translateY(-100%);
|
| 133 |
+
}
|
| 134 |
+
|
| 135 |
+
/* eihe-push-down
|
| 136 |
+
----------------------------- */
|
| 137 |
+
.eihe-push-down .eihe-caption {
|
| 138 |
+
-webkit-transform: translateY(-100%);
|
| 139 |
+
-moz-transform: translateY(-100%);
|
| 140 |
+
-ms-transform: translateY(-100%);
|
| 141 |
+
-o-transform: translateY(-100%);
|
| 142 |
+
transform: translateY(-100%);
|
| 143 |
+
}
|
| 144 |
+
|
| 145 |
+
.eihe-push-down:hover > img {
|
| 146 |
+
-webkit-transform: translateY(100%);
|
| 147 |
+
-moz-transform: translateY(100%);
|
| 148 |
+
-ms-transform: translateY(100%);
|
| 149 |
+
-o-transform: translateY(100%);
|
| 150 |
+
transform: translateY(100%);
|
| 151 |
+
}
|
| 152 |
+
|
| 153 |
+
/* eihe-push-left
|
| 154 |
+
----------------------------- */
|
| 155 |
+
.eihe-push-left .eihe-caption {
|
| 156 |
+
-webkit-transform: translateX(100%);
|
| 157 |
+
-moz-transform: translateX(100%);
|
| 158 |
+
-ms-transform: translateX(100%);
|
| 159 |
+
-o-transform: translateX(100%);
|
| 160 |
+
transform: translateX(100%);
|
| 161 |
+
}
|
| 162 |
+
|
| 163 |
+
.eihe-push-left:hover > img {
|
| 164 |
+
-webkit-transform: translateX(-100%);
|
| 165 |
+
-moz-transform: translateX(-100%);
|
| 166 |
+
-ms-transform: translateX(-100%);
|
| 167 |
+
-o-transform: translateX(-100%);
|
| 168 |
+
transform: translateX(-100%);
|
| 169 |
+
}
|
| 170 |
+
|
| 171 |
+
/* eihe-push--right
|
| 172 |
+
----------------------------- */
|
| 173 |
+
.eihe-push-right .eihe-caption {
|
| 174 |
+
-webkit-transform: translateX(-100%);
|
| 175 |
+
-moz-transform: translateX(-100%);
|
| 176 |
+
-ms-transform: translateX(-100%);
|
| 177 |
+
-o-transform: translateX(-100%);
|
| 178 |
+
transform: translateX(-100%);
|
| 179 |
+
}
|
| 180 |
+
|
| 181 |
+
.eihe-push-right:hover > img {
|
| 182 |
+
-webkit-transform: translateX(100%);
|
| 183 |
+
-moz-transform: translateX(100%);
|
| 184 |
+
-ms-transform: translateX(100%);
|
| 185 |
+
-o-transform: translateX(100%);
|
| 186 |
+
transform: translateX(100%);
|
| 187 |
+
}
|
| 188 |
+
|
| 189 |
+
/* eihe-slide-*
|
| 190 |
+
----------------------------- */
|
| 191 |
+
[class^='eihe-slide-']:hover .eihe-caption, [class*=' eihe-slide-']:hover .eihe-caption {
|
| 192 |
+
-webkit-transform: translate(0, 0);
|
| 193 |
+
-moz-transform: translate(0, 0);
|
| 194 |
+
-ms-transform: translate(0, 0);
|
| 195 |
+
-o-transform: translate(0, 0);
|
| 196 |
+
transform: translate(0, 0);
|
| 197 |
+
}
|
| 198 |
+
|
| 199 |
+
/* eihe-slide-up
|
| 200 |
+
----------------------------- */
|
| 201 |
+
.eihe-slide-up .eihe-caption {
|
| 202 |
+
-webkit-transform: translateY(100%);
|
| 203 |
+
-moz-transform: translateY(100%);
|
| 204 |
+
-ms-transform: translateY(100%);
|
| 205 |
+
-o-transform: translateY(100%);
|
| 206 |
+
transform: translateY(100%);
|
| 207 |
+
}
|
| 208 |
+
|
| 209 |
+
/* eihe-slide-down
|
| 210 |
+
----------------------------- */
|
| 211 |
+
.eihe-slide-down .eihe-caption {
|
| 212 |
+
-webkit-transform: translateY(-100%);
|
| 213 |
+
-moz-transform: translateY(-100%);
|
| 214 |
+
-ms-transform: translateY(-100%);
|
| 215 |
+
-o-transform: translateY(-100%);
|
| 216 |
+
transform: translateY(-100%);
|
| 217 |
+
}
|
| 218 |
+
|
| 219 |
+
/* eihe-slide-left
|
| 220 |
+
----------------------------- */
|
| 221 |
+
.eihe-slide-left .eihe-caption {
|
| 222 |
+
-webkit-transform: translateX(100%);
|
| 223 |
+
-moz-transform: translateX(100%);
|
| 224 |
+
-ms-transform: translateX(100%);
|
| 225 |
+
-o-transform: translateX(100%);
|
| 226 |
+
transform: translateX(100%);
|
| 227 |
+
}
|
| 228 |
+
|
| 229 |
+
/* eihe-slide-right
|
| 230 |
+
----------------------------- */
|
| 231 |
+
.eihe-slide-right .eihe-caption {
|
| 232 |
+
-webkit-transform: translateX(-100%);
|
| 233 |
+
-moz-transform: translateX(-100%);
|
| 234 |
+
-ms-transform: translateX(-100%);
|
| 235 |
+
-o-transform: translateX(-100%);
|
| 236 |
+
transform: translateX(-100%);
|
| 237 |
+
}
|
| 238 |
+
|
| 239 |
+
/* eihe-reveal-*
|
| 240 |
+
----------------------------- */
|
| 241 |
+
[class^='eihe-reveal-']:before, [class*=' eihe-reveal-']:before {
|
| 242 |
+
position: absolute;
|
| 243 |
+
top: 0;
|
| 244 |
+
bottom: 0;
|
| 245 |
+
left: 0;
|
| 246 |
+
right: 0;
|
| 247 |
+
content: '';
|
| 248 |
+
}
|
| 249 |
+
|
| 250 |
+
[class^='eihe-reveal-'] .eihe-caption, [class*=' eihe-reveal-'] .eihe-caption {
|
| 251 |
+
opacity: 0;
|
| 252 |
+
}
|
| 253 |
+
|
| 254 |
+
[class^='eihe-reveal-']:hover:before, [class*=' eihe-reveal-']:hover:before {
|
| 255 |
+
-webkit-transform: translate(0, 0);
|
| 256 |
+
-moz-transform: translate(0, 0);
|
| 257 |
+
-ms-transform: translate(0, 0);
|
| 258 |
+
-o-transform: translate(0, 0);
|
| 259 |
+
transform: translate(0, 0);
|
| 260 |
+
}
|
| 261 |
+
|
| 262 |
+
[class^='eihe-reveal-']:hover .eihe-caption, [class*=' eihe-reveal-']:hover .eihe-caption {
|
| 263 |
+
opacity: 1;
|
| 264 |
+
-webkit-transition-delay: 0.21s;
|
| 265 |
+
-moz-transition-delay: 0.21s;
|
| 266 |
+
transition-delay: 0.21s;
|
| 267 |
+
}
|
| 268 |
+
|
| 269 |
+
/* eihe-reveal-up
|
| 270 |
+
----------------------------- */
|
| 271 |
+
.eihe-reveal-up:before {
|
| 272 |
+
-webkit-transform: translateY(100%);
|
| 273 |
+
-moz-transform: translateY(100%);
|
| 274 |
+
-ms-transform: translateY(100%);
|
| 275 |
+
-o-transform: translateY(100%);
|
| 276 |
+
transform: translateY(100%);
|
| 277 |
+
}
|
| 278 |
+
|
| 279 |
+
/* eihe-reveal-down
|
| 280 |
+
----------------------------- */
|
| 281 |
+
.eihe-reveal-down:before {
|
| 282 |
+
-webkit-transform: translateY(-100%);
|
| 283 |
+
-moz-transform: translateY(-100%);
|
| 284 |
+
-ms-transform: translateY(-100%);
|
| 285 |
+
-o-transform: translateY(-100%);
|
| 286 |
+
transform: translateY(-100%);
|
| 287 |
+
}
|
| 288 |
+
|
| 289 |
+
/* eihe-reveal-left
|
| 290 |
+
----------------------------- */
|
| 291 |
+
.eihe-reveal-left:before {
|
| 292 |
+
-webkit-transform: translateX(100%);
|
| 293 |
+
-moz-transform: translateX(100%);
|
| 294 |
+
-ms-transform: translateX(100%);
|
| 295 |
+
-o-transform: translateX(100%);
|
| 296 |
+
transform: translateX(100%);
|
| 297 |
+
}
|
| 298 |
+
|
| 299 |
+
/* eihe-reveal-right
|
| 300 |
+
----------------------------- */
|
| 301 |
+
.eihe-reveal-right:before {
|
| 302 |
+
-webkit-transform: translateX(-100%);
|
| 303 |
+
-moz-transform: translateX(-100%);
|
| 304 |
+
-ms-transform: translateX(-100%);
|
| 305 |
+
-o-transform: translateX(-100%);
|
| 306 |
+
transform: translateX(-100%);
|
| 307 |
+
}
|
| 308 |
+
|
| 309 |
+
/* eihe-hinge-*
|
| 310 |
+
----------------------------- */
|
| 311 |
+
[class^='eihe-hinge-'], [class*=' eihe-hinge-'] {
|
| 312 |
+
-webkit-perspective: 50em;
|
| 313 |
+
-moz-perspective: 50em;
|
| 314 |
+
perspective: 50em;
|
| 315 |
+
}
|
| 316 |
+
|
| 317 |
+
[class^='eihe-hinge-'] .eihe-caption, [class*=' eihe-hinge-'] .eihe-caption {
|
| 318 |
+
opacity: 0;
|
| 319 |
+
z-index: 1;
|
| 320 |
+
}
|
| 321 |
+
|
| 322 |
+
[class^='eihe-hinge-']:hover img, [class*=' eihe-hinge-']:hover img {
|
| 323 |
+
opacity: 0;
|
| 324 |
+
}
|
| 325 |
+
|
| 326 |
+
[class^='eihe-hinge-']:hover .eihe-caption, [class*=' eihe-hinge-']:hover .eihe-caption {
|
| 327 |
+
opacity: 1;
|
| 328 |
+
-webkit-transition-delay: 0.21s;
|
| 329 |
+
-moz-transition-delay: 0.21s;
|
| 330 |
+
transition-delay: 0.21s;
|
| 331 |
+
}
|
| 332 |
+
|
| 333 |
+
/* eihe-hinge-up
|
| 334 |
+
----------------------------- */
|
| 335 |
+
.eihe-hinge-up img {
|
| 336 |
+
-webkit-transform-origin: 50% 0%;
|
| 337 |
+
-moz-transform-origin: 50% 0%;
|
| 338 |
+
-ms-transform-origin: 50% 0%;
|
| 339 |
+
-o-transform-origin: 50% 0%;
|
| 340 |
+
transform-origin: 50% 0%;
|
| 341 |
+
}
|
| 342 |
+
|
| 343 |
+
.eihe-hinge-up .eihe-caption {
|
| 344 |
+
-webkit-transform: rotateX(90deg);
|
| 345 |
+
-moz-transform: rotateX(90deg);
|
| 346 |
+
-ms-transform: rotateX(90deg);
|
| 347 |
+
-o-transform: rotateX(90deg);
|
| 348 |
+
transform: rotateX(90deg);
|
| 349 |
+
-webkit-transform-origin: 50% 100%;
|
| 350 |
+
-moz-transform-origin: 50% 100%;
|
| 351 |
+
-ms-transform-origin: 50% 100%;
|
| 352 |
+
-o-transform-origin: 50% 100%;
|
| 353 |
+
transform-origin: 50% 100%;
|
| 354 |
+
}
|
| 355 |
+
|
| 356 |
+
.eihe-hinge-up:hover > img {
|
| 357 |
+
-webkit-transform: rotateX(-90deg);
|
| 358 |
+
-moz-transform: rotateX(-90deg);
|
| 359 |
+
-ms-transform: rotateX(-90deg);
|
| 360 |
+
-o-transform: rotateX(-90deg);
|
| 361 |
+
transform: rotateX(-90deg);
|
| 362 |
+
}
|
| 363 |
+
|
| 364 |
+
.eihe-hinge-up:hover .eihe-caption {
|
| 365 |
+
-webkit-transform: rotateX(0);
|
| 366 |
+
-moz-transform: rotateX(0);
|
| 367 |
+
-ms-transform: rotateX(0);
|
| 368 |
+
-o-transform: rotateX(0);
|
| 369 |
+
transform: rotateX(0);
|
| 370 |
+
}
|
| 371 |
+
|
| 372 |
+
/* eihe-hinge-down
|
| 373 |
+
----------------------------- */
|
| 374 |
+
.eihe-hinge-down img {
|
| 375 |
+
-webkit-transform-origin: 50% 100%;
|
| 376 |
+
-moz-transform-origin: 50% 100%;
|
| 377 |
+
-ms-transform-origin: 50% 100%;
|
| 378 |
+
-o-transform-origin: 50% 100%;
|
| 379 |
+
transform-origin: 50% 100%;
|
| 380 |
+
}
|
| 381 |
+
|
| 382 |
+
.eihe-hinge-down .eihe-caption {
|
| 383 |
+
-webkit-transform: rotateX(-90deg);
|
| 384 |
+
-moz-transform: rotateX(-90deg);
|
| 385 |
+
-ms-transform: rotateX(-90deg);
|
| 386 |
+
-o-transform: rotateX(-90deg);
|
| 387 |
+
transform: rotateX(-90deg);
|
| 388 |
+
-webkit-transform-origin: 50% -50%;
|
| 389 |
+
-moz-transform-origin: 50% -50%;
|
| 390 |
+
-ms-transform-origin: 50% -50%;
|
| 391 |
+
-o-transform-origin: 50% -50%;
|
| 392 |
+
transform-origin: 50% -50%;
|
| 393 |
+
}
|
| 394 |
+
|
| 395 |
+
.eihe-hinge-down:hover > img {
|
| 396 |
+
-webkit-transform: rotateX(90deg);
|
| 397 |
+
-moz-transform: rotateX(90deg);
|
| 398 |
+
-ms-transform: rotateX(90deg);
|
| 399 |
+
-o-transform: rotateX(90deg);
|
| 400 |
+
transform: rotateX(90deg);
|
| 401 |
+
opacity: 0;
|
| 402 |
+
}
|
| 403 |
+
|
| 404 |
+
.eihe-hinge-down:hover .eihe-caption {
|
| 405 |
+
-webkit-transform: rotateX(0);
|
| 406 |
+
-moz-transform: rotateX(0);
|
| 407 |
+
-ms-transform: rotateX(0);
|
| 408 |
+
-o-transform: rotateX(0);
|
| 409 |
+
transform: rotateX(0);
|
| 410 |
+
}
|
| 411 |
+
|
| 412 |
+
/* eihe-hinge-left
|
| 413 |
+
----------------------------- */
|
| 414 |
+
.eihe-hinge-left img {
|
| 415 |
+
-webkit-transform-origin: 0% 50%;
|
| 416 |
+
-moz-transform-origin: 0% 50%;
|
| 417 |
+
-ms-transform-origin: 0% 50%;
|
| 418 |
+
-o-transform-origin: 0% 50%;
|
| 419 |
+
transform-origin: 0% 50%;
|
| 420 |
+
}
|
| 421 |
+
|
| 422 |
+
.eihe-hinge-left .eihe-caption {
|
| 423 |
+
-webkit-transform: rotateY(-90deg);
|
| 424 |
+
-moz-transform: rotateY(-90deg);
|
| 425 |
+
-ms-transform: rotateY(-90deg);
|
| 426 |
+
-o-transform: rotateY(-90deg);
|
| 427 |
+
transform: rotateY(-90deg);
|
| 428 |
+
-webkit-transform-origin: 100% 50%;
|
| 429 |
+
-moz-transform-origin: 100% 50%;
|
| 430 |
+
-ms-transform-origin: 100% 50%;
|
| 431 |
+
-o-transform-origin: 100% 50%;
|
| 432 |
+
transform-origin: 100% 50%;
|
| 433 |
+
}
|
| 434 |
+
|
| 435 |
+
.eihe-hinge-left:hover > img {
|
| 436 |
+
-webkit-transform: rotateY(90deg);
|
| 437 |
+
-moz-transform: rotateY(90deg);
|
| 438 |
+
-ms-transform: rotateY(90deg);
|
| 439 |
+
-o-transform: rotateY(90deg);
|
| 440 |
+
transform: rotateY(90deg);
|
| 441 |
+
}
|
| 442 |
+
|
| 443 |
+
.eihe-hinge-left:hover .eihe-caption {
|
| 444 |
+
-webkit-transform: rotateY(0);
|
| 445 |
+
-moz-transform: rotateY(0);
|
| 446 |
+
-ms-transform: rotateY(0);
|
| 447 |
+
-o-transform: rotateY(0);
|
| 448 |
+
transform: rotateY(0);
|
| 449 |
+
}
|
| 450 |
+
|
| 451 |
+
/* eihe-hinge-right
|
| 452 |
+
----------------------------- */
|
| 453 |
+
.eihe-hinge-right img {
|
| 454 |
+
-webkit-transform-origin: 100% 50%;
|
| 455 |
+
-moz-transform-origin: 100% 50%;
|
| 456 |
+
-ms-transform-origin: 100% 50%;
|
| 457 |
+
-o-transform-origin: 100% 50%;
|
| 458 |
+
transform-origin: 100% 50%;
|
| 459 |
+
}
|
| 460 |
+
|
| 461 |
+
.eihe-hinge-right .eihe-caption {
|
| 462 |
+
-webkit-transform: rotateY(90deg);
|
| 463 |
+
-moz-transform: rotateY(90deg);
|
| 464 |
+
-ms-transform: rotateY(90deg);
|
| 465 |
+
-o-transform: rotateY(90deg);
|
| 466 |
+
transform: rotateY(90deg);
|
| 467 |
+
-webkit-transform-origin: 0 50%;
|
| 468 |
+
-moz-transform-origin: 0 50%;
|
| 469 |
+
-ms-transform-origin: 0 50%;
|
| 470 |
+
-o-transform-origin: 0 50%;
|
| 471 |
+
transform-origin: 0 50%;
|
| 472 |
+
}
|
| 473 |
+
|
| 474 |
+
.eihe-hinge-right:hover > img {
|
| 475 |
+
-webkit-transform: rotateY(-90deg);
|
| 476 |
+
-moz-transform: rotateY(-90deg);
|
| 477 |
+
-ms-transform: rotateY(-90deg);
|
| 478 |
+
-o-transform: rotateY(-90deg);
|
| 479 |
+
transform: rotateY(-90deg);
|
| 480 |
+
}
|
| 481 |
+
|
| 482 |
+
.eihe-hinge-right:hover .eihe-caption {
|
| 483 |
+
-webkit-transform: rotateY(0);
|
| 484 |
+
-moz-transform: rotateY(0);
|
| 485 |
+
-ms-transform: rotateY(0);
|
| 486 |
+
-o-transform: rotateY(0);
|
| 487 |
+
transform: rotateY(0);
|
| 488 |
+
}
|
| 489 |
+
|
| 490 |
+
/* eihe-flip-*
|
| 491 |
+
----------------------------- */
|
| 492 |
+
[class^='eihe-flip-'], [class*=' eihe-flip-'] {
|
| 493 |
+
-webkit-perspective: 50em;
|
| 494 |
+
-moz-perspective: 50em;
|
| 495 |
+
perspective: 50em;
|
| 496 |
+
}
|
| 497 |
+
|
| 498 |
+
[class^='eihe-flip-'] img, [class*=' eihe-flip-'] img {
|
| 499 |
+
backface-visibility: hidden;
|
| 500 |
+
}
|
| 501 |
+
|
| 502 |
+
[class^='eihe-flip-'] .eihe-caption, [class*=' eihe-flip-'] .eihe-caption {
|
| 503 |
+
opacity: 0;
|
| 504 |
+
}
|
| 505 |
+
|
| 506 |
+
[class^='eihe-flip-']:hover > img, [class*=' eihe-flip-']:hover > img {
|
| 507 |
+
opacity: 0;
|
| 508 |
+
}
|
| 509 |
+
|
| 510 |
+
[class^='eihe-flip-']:hover .eihe-caption, [class*=' eihe-flip-']:hover .eihe-caption {
|
| 511 |
+
opacity: 1;
|
| 512 |
+
-webkit-transition-delay: 0.14s;
|
| 513 |
+
-moz-transition-delay: 0.14s;
|
| 514 |
+
transition-delay: 0.14s;
|
| 515 |
+
}
|
| 516 |
+
|
| 517 |
+
/* eihe-flip-horiz
|
| 518 |
+
----------------------------- */
|
| 519 |
+
.eihe-flip-horiz .eihe-caption {
|
| 520 |
+
-webkit-transform: rotateX(90deg);
|
| 521 |
+
-moz-transform: rotateX(90deg);
|
| 522 |
+
-ms-transform: rotateX(90deg);
|
| 523 |
+
-o-transform: rotateX(90deg);
|
| 524 |
+
transform: rotateX(90deg);
|
| 525 |
+
-webkit-transform-origin: 0% 50%;
|
| 526 |
+
-moz-transform-origin: 0% 50%;
|
| 527 |
+
-ms-transform-origin: 0% 50%;
|
| 528 |
+
-o-transform-origin: 0% 50%;
|
| 529 |
+
transform-origin: 0% 50%;
|
| 530 |
+
}
|
| 531 |
+
|
| 532 |
+
.eihe-flip-horiz:hover img {
|
| 533 |
+
-webkit-transform: rotateX(-180deg);
|
| 534 |
+
-moz-transform: rotateX(-180deg);
|
| 535 |
+
-ms-transform: rotateX(-180deg);
|
| 536 |
+
-o-transform: rotateX(-180deg);
|
| 537 |
+
transform: rotateX(-180deg);
|
| 538 |
+
}
|
| 539 |
+
|
| 540 |
+
.eihe-flip-horiz:hover .eihe-caption {
|
| 541 |
+
-webkit-transform: rotateX(0deg);
|
| 542 |
+
-moz-transform: rotateX(0deg);
|
| 543 |
+
-ms-transform: rotateX(0deg);
|
| 544 |
+
-o-transform: rotateX(0deg);
|
| 545 |
+
transform: rotateX(0deg);
|
| 546 |
+
}
|
| 547 |
+
|
| 548 |
+
/* eihe-flip-vert
|
| 549 |
+
----------------------------- */
|
| 550 |
+
.eihe-flip-vert .eihe-caption {
|
| 551 |
+
-webkit-transform: rotateY(90deg);
|
| 552 |
+
-moz-transform: rotateY(90deg);
|
| 553 |
+
-ms-transform: rotateY(90deg);
|
| 554 |
+
-o-transform: rotateY(90deg);
|
| 555 |
+
transform: rotateY(90deg);
|
| 556 |
+
-webkit-transform-origin: 50% 0%;
|
| 557 |
+
-moz-transform-origin: 50% 0%;
|
| 558 |
+
-ms-transform-origin: 50% 0%;
|
| 559 |
+
-o-transform-origin: 50% 0%;
|
| 560 |
+
transform-origin: 50% 0%;
|
| 561 |
+
}
|
| 562 |
+
|
| 563 |
+
.eihe-flip-vert:hover > img {
|
| 564 |
+
-webkit-transform: rotateY(-180deg);
|
| 565 |
+
-moz-transform: rotateY(-180deg);
|
| 566 |
+
-ms-transform: rotateY(-180deg);
|
| 567 |
+
-o-transform: rotateY(-180deg);
|
| 568 |
+
transform: rotateY(-180deg);
|
| 569 |
+
}
|
| 570 |
+
|
| 571 |
+
.eihe-flip-vert:hover .eihe-caption {
|
| 572 |
+
-webkit-transform: rotateY(0deg);
|
| 573 |
+
-moz-transform: rotateY(0deg);
|
| 574 |
+
-ms-transform: rotateY(0deg);
|
| 575 |
+
-o-transform: rotateY(0deg);
|
| 576 |
+
transform: rotateY(0deg);
|
| 577 |
+
}
|
| 578 |
+
|
| 579 |
+
/* eihe-flip-diag-1
|
| 580 |
+
----------------------------- */
|
| 581 |
+
.eihe-flip-diag-1 .eihe-caption {
|
| 582 |
+
-webkit-transform: rotate3d(1, -1, 0, 100deg);
|
| 583 |
+
-moz-transform: rotate3d(1, -1, 0, 100deg);
|
| 584 |
+
-ms-transform: rotate3d(1, -1, 0, 100deg);
|
| 585 |
+
-o-transform: rotate3d(1, -1, 0, 100deg);
|
| 586 |
+
transform: rotate3d(1, -1, 0, 100deg);
|
| 587 |
+
}
|
| 588 |
+
|
| 589 |
+
.eihe-flip-diag-1:hover > img {
|
| 590 |
+
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
|
| 591 |
+
-moz-transform: rotate3d(-1, 1, 0, 100deg);
|
| 592 |
+
-ms-transform: rotate3d(-1, 1, 0, 100deg);
|
| 593 |
+
-o-transform: rotate3d(-1, 1, 0, 100deg);
|
| 594 |
+
transform: rotate3d(-1, 1, 0, 100deg);
|
| 595 |
+
}
|
| 596 |
+
|
| 597 |
+
.eihe-flip-diag-1:hover .eihe-caption {
|
| 598 |
+
-webkit-transform: rotate3d(0, 0, 0, 0deg);
|
| 599 |
+
-moz-transform: rotate3d(0, 0, 0, 0deg);
|
| 600 |
+
-ms-transform: rotate3d(0, 0, 0, 0deg);
|
| 601 |
+
-o-transform: rotate3d(0, 0, 0, 0deg);
|
| 602 |
+
transform: rotate3d(0, 0, 0, 0deg);
|
| 603 |
+
}
|
| 604 |
+
|
| 605 |
+
/* eihe-flip-diag-2
|
| 606 |
+
----------------------------- */
|
| 607 |
+
.eihe-flip-diag-2 .eihe-caption {
|
| 608 |
+
-webkit-transform: rotate3d(1, 1, 0, 100deg);
|
| 609 |
+
-moz-transform: rotate3d(1, 1, 0, 100deg);
|
| 610 |
+
-ms-transform: rotate3d(1, 1, 0, 100deg);
|
| 611 |
+
-o-transform: rotate3d(1, 1, 0, 100deg);
|
| 612 |
+
transform: rotate3d(1, 1, 0, 100deg);
|
| 613 |
+
}
|
| 614 |
+
|
| 615 |
+
.eihe-flip-diag-2:hover > img {
|
| 616 |
+
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
|
| 617 |
+
-moz-transform: rotate3d(-1, -1, 0, 100deg);
|
| 618 |
+
-ms-transform: rotate3d(-1, -1, 0, 100deg);
|
| 619 |
+
-o-transform: rotate3d(-1, -1, 0, 100deg);
|
| 620 |
+
transform: rotate3d(-1, -1, 0, 100deg);
|
| 621 |
+
}
|
| 622 |
+
|
| 623 |
+
.eihe-flip-diag-2:hover .eihe-caption {
|
| 624 |
+
-webkit-transform: rotate3d(0, 0, 0, 0deg);
|
| 625 |
+
-moz-transform: rotate3d(0, 0, 0, 0deg);
|
| 626 |
+
-ms-transform: rotate3d(0, 0, 0, 0deg);
|
| 627 |
+
-o-transform: rotate3d(0, 0, 0, 0deg);
|
| 628 |
+
transform: rotate3d(0, 0, 0, 0deg);
|
| 629 |
+
}
|
| 630 |
+
|
| 631 |
+
/* eihe-shutter-out-*
|
| 632 |
+
----------------------------- */
|
| 633 |
+
[class^='eihe-shutter-out-']:before, [class*=' eihe-shutter-out-']:before {
|
| 634 |
+
position: absolute;
|
| 635 |
+
content: '';
|
| 636 |
+
-webkit-transition-delay: 0.105s;
|
| 637 |
+
-moz-transition-delay: 0.105s;
|
| 638 |
+
transition-delay: 0.105s;
|
| 639 |
+
}
|
| 640 |
+
|
| 641 |
+
[class^='eihe-shutter-out-'] .eihe-caption, [class*=' eihe-shutter-out-'] .eihe-caption {
|
| 642 |
+
opacity: 0;
|
| 643 |
+
-webkit-transition-delay: 0s;
|
| 644 |
+
-moz-transition-delay: 0s;
|
| 645 |
+
transition-delay: 0s;
|
| 646 |
+
}
|
| 647 |
+
|
| 648 |
+
[class^='eihe-shutter-out-']:hover:before, [class*=' eihe-shutter-out-']:hover:before {
|
| 649 |
+
-webkit-transition-delay: 0s;
|
| 650 |
+
-moz-transition-delay: 0s;
|
| 651 |
+
transition-delay: 0s;
|
| 652 |
+
}
|
| 653 |
+
|
| 654 |
+
[class^='eihe-shutter-out-']:hover .eihe-caption, [class*=' eihe-shutter-out-']:hover .eihe-caption {
|
| 655 |
+
opacity: 1;
|
| 656 |
+
-webkit-transition-delay: 0.105s;
|
| 657 |
+
-moz-transition-delay: 0.105s;
|
| 658 |
+
transition-delay: 0.105s;
|
| 659 |
+
}
|
| 660 |
+
|
| 661 |
+
/* eihe-shutter-out-horiz
|
| 662 |
+
----------------------------- */
|
| 663 |
+
.eihe-shutter-out-horiz:before {
|
| 664 |
+
left: 50%;
|
| 665 |
+
right: 50%;
|
| 666 |
+
top: 0;
|
| 667 |
+
bottom: 0;
|
| 668 |
+
}
|
| 669 |
+
|
| 670 |
+
.eihe-shutter-out-horiz:hover:before {
|
| 671 |
+
left: 0;
|
| 672 |
+
right: 0;
|
| 673 |
+
}
|
| 674 |
+
|
| 675 |
+
/* eihe-shutter-out-vert
|
| 676 |
+
----------------------------- */
|
| 677 |
+
.eihe-shutter-out-vert:before {
|
| 678 |
+
top: 50%;
|
| 679 |
+
bottom: 50%;
|
| 680 |
+
left: 0;
|
| 681 |
+
right: 0;
|
| 682 |
+
}
|
| 683 |
+
|
| 684 |
+
.eihe-shutter-out-vert:hover:before {
|
| 685 |
+
top: 0;
|
| 686 |
+
bottom: 0;
|
| 687 |
+
}
|
| 688 |
+
|
| 689 |
+
/* eihe-shutter-out-diag-1
|
| 690 |
+
----------------------------- */
|
| 691 |
+
.eihe-shutter-out-diag-1:before {
|
| 692 |
+
top: 50%;
|
| 693 |
+
bottom: 50%;
|
| 694 |
+
left: -35%;
|
| 695 |
+
right: -35%;
|
| 696 |
+
-webkit-transform: rotate(45deg);
|
| 697 |
+
-moz-transform: rotate(45deg);
|
| 698 |
+
-ms-transform: rotate(45deg);
|
| 699 |
+
-o-transform: rotate(45deg);
|
| 700 |
+
transform: rotate(45deg);
|
| 701 |
+
}
|
| 702 |
+
|
| 703 |
+
.eihe-shutter-out-diag-1:hover:before {
|
| 704 |
+
top: -35%;
|
| 705 |
+
bottom: -35%;
|
| 706 |
+
}
|
| 707 |
+
|
| 708 |
+
/* eihe-shutter-out-diag-2
|
| 709 |
+
----------------------------- */
|
| 710 |
+
.eihe-shutter-out-diag-2:before {
|
| 711 |
+
top: 50%;
|
| 712 |
+
bottom: 50%;
|
| 713 |
+
left: -35%;
|
| 714 |
+
right: -35%;
|
| 715 |
+
-webkit-transform: rotate(-45deg);
|
| 716 |
+
-moz-transform: rotate(-45deg);
|
| 717 |
+
-ms-transform: rotate(-45deg);
|
| 718 |
+
-o-transform: rotate(-45deg);
|
| 719 |
+
transform: rotate(-45deg);
|
| 720 |
+
}
|
| 721 |
+
|
| 722 |
+
.eihe-shutter-out-diag-2:hover:before {
|
| 723 |
+
top: -35%;
|
| 724 |
+
bottom: -35%;
|
| 725 |
+
}
|
| 726 |
+
|
| 727 |
+
/* eihe-shutter-in-*
|
| 728 |
+
----------------------------- */
|
| 729 |
+
[class^='eihe-shutter-in-']:after, [class^='eihe-shutter-in-']:before, [class*=' eihe-shutter-in-']:after, [class*=' eihe-shutter-in-']:before {
|
| 730 |
+
position: absolute;
|
| 731 |
+
content: '';
|
| 732 |
+
}
|
| 733 |
+
|
| 734 |
+
[class^='eihe-shutter-in-']:after, [class*=' eihe-shutter-in-']:after {
|
| 735 |
+
top: 0;
|
| 736 |
+
left: 0;
|
| 737 |
+
}
|
| 738 |
+
|
| 739 |
+
[class^='eihe-shutter-in-']:before, [class*=' eihe-shutter-in-']:before {
|
| 740 |
+
right: 0;
|
| 741 |
+
bottom: 0;
|
| 742 |
+
}
|
| 743 |
+
|
| 744 |
+
[class^='eihe-shutter-in-'] .eihe-caption, [class*=' eihe-shutter-in-'] .eihe-caption {
|
| 745 |
+
opacity: 0;
|
| 746 |
+
z-index: 1;
|
| 747 |
+
}
|
| 748 |
+
|
| 749 |
+
[class^='eihe-shutter-in-']:hover .eihe-caption, [class*=' eihe-shutter-in-']:hover .eihe-caption {
|
| 750 |
+
opacity: 1;
|
| 751 |
+
-webkit-transition-delay: 0.21s;
|
| 752 |
+
-moz-transition-delay: 0.21s;
|
| 753 |
+
transition-delay: 0.21s;
|
| 754 |
+
}
|
| 755 |
+
|
| 756 |
+
/* eihe-shutter-in-horiz
|
| 757 |
+
----------------------------- */
|
| 758 |
+
.eihe-shutter-in-horiz:after, .eihe-shutter-in-horiz:before {
|
| 759 |
+
width: 0;
|
| 760 |
+
height: 100%;
|
| 761 |
+
}
|
| 762 |
+
|
| 763 |
+
.eihe-shutter-in-horiz:hover:after, .eihe-shutter-in-horiz:hover:before {
|
| 764 |
+
width: 50%;
|
| 765 |
+
}
|
| 766 |
+
|
| 767 |
+
/* eihe-shutter-in-vert
|
| 768 |
+
----------------------------- */
|
| 769 |
+
.eihe-shutter-in-vert:after, .eihe-shutter-in-vert:before {
|
| 770 |
+
height: 0;
|
| 771 |
+
width: 100%;
|
| 772 |
+
}
|
| 773 |
+
|
| 774 |
+
.eihe-shutter-in-vert:hover:after, .eihe-shutter-in-vert:hover:before {
|
| 775 |
+
height: 50%;
|
| 776 |
+
}
|
| 777 |
+
|
| 778 |
+
/* eihe-shutter-in-out-horiz
|
| 779 |
+
----------------------------- */
|
| 780 |
+
.eihe-shutter-in-out-horiz:after, .eihe-shutter-in-out-horiz:before {
|
| 781 |
+
width: 0;
|
| 782 |
+
height: 100%;
|
| 783 |
+
opacity: 0.75;
|
| 784 |
+
}
|
| 785 |
+
|
| 786 |
+
.eihe-shutter-in-out-horiz:hover:after, .eihe-shutter-in-out-horiz:hover:before {
|
| 787 |
+
width: 100%;
|
| 788 |
+
}
|
| 789 |
+
|
| 790 |
+
/* eihe-shutter-in-out-vert
|
| 791 |
+
----------------------------- */
|
| 792 |
+
.eihe-shutter-in-out-vert:after, .eihe-shutter-in-out-vert:before {
|
| 793 |
+
height: 0;
|
| 794 |
+
width: 100%;
|
| 795 |
+
opacity: 0.75;
|
| 796 |
+
}
|
| 797 |
+
|
| 798 |
+
.eihe-shutter-in-out-vert:hover:after, .eihe-shutter-in-out-vert:hover:before {
|
| 799 |
+
height: 100%;
|
| 800 |
+
}
|
| 801 |
+
|
| 802 |
+
/* eihe-shutter-in-out-diag-1
|
| 803 |
+
----------------------------- */
|
| 804 |
+
.eihe-shutter-in-out-diag-1:after, .eihe-shutter-in-out-diag-1:before {
|
| 805 |
+
width: 200%;
|
| 806 |
+
height: 200%;
|
| 807 |
+
-webkit-transition: all 0.6s ease;
|
| 808 |
+
-moz-transition: all 0.6s ease;
|
| 809 |
+
transition: all 0.6s ease;
|
| 810 |
+
opacity: 0.75;
|
| 811 |
+
}
|
| 812 |
+
|
| 813 |
+
.eihe-shutter-in-out-diag-1:after {
|
| 814 |
+
-webkit-transform: skew(-45deg) translateX(-150%);
|
| 815 |
+
-moz-transform: skew(-45deg) translateX(-150%);
|
| 816 |
+
-ms-transform: skew(-45deg) translateX(-150%);
|
| 817 |
+
-o-transform: skew(-45deg) translateX(-150%);
|
| 818 |
+
transform: skew(-45deg) translateX(-150%);
|
| 819 |
+
}
|
| 820 |
+
|
| 821 |
+
.eihe-shutter-in-out-diag-1:before {
|
| 822 |
+
-webkit-transform: skew(-45deg) translateX(150%);
|
| 823 |
+
-moz-transform: skew(-45deg) translateX(150%);
|
| 824 |
+
-ms-transform: skew(-45deg) translateX(150%);
|
| 825 |
+
-o-transform: skew(-45deg) translateX(150%);
|
| 826 |
+
transform: skew(-45deg) translateX(150%);
|
| 827 |
+
}
|
| 828 |
+
|
| 829 |
+
.eihe-shutter-in-out-diag-1:hover:after {
|
| 830 |
+
-webkit-transform: skew(-45deg) translateX(-50%);
|
| 831 |
+
-moz-transform: skew(-45deg) translateX(-50%);
|
| 832 |
+
-ms-transform: skew(-45deg) translateX(-50%);
|
| 833 |
+
-o-transform: skew(-45deg) translateX(-50%);
|
| 834 |
+
transform: skew(-45deg) translateX(-50%);
|
| 835 |
+
}
|
| 836 |
+
|
| 837 |
+
.eihe-shutter-in-out-diag-1:hover:before {
|
| 838 |
+
-webkit-transform: skew(-45deg) translateX(50%);
|
| 839 |
+
-moz-transform: skew(-45deg) translateX(50%);
|
| 840 |
+
-ms-transform: skew(-45deg) translateX(50%);
|
| 841 |
+
-o-transform: skew(-45deg) translateX(50%);
|
| 842 |
+
transform: skew(-45deg) translateX(50%);
|
| 843 |
+
}
|
| 844 |
+
|
| 845 |
+
/* eihe-shutter-in-out-diag-2
|
| 846 |
+
----------------------------- */
|
| 847 |
+
.eihe-shutter-in-out-diag-2:after, .eihe-shutter-in-out-diag-2:before {
|
| 848 |
+
width: 200%;
|
| 849 |
+
height: 200%;
|
| 850 |
+
-webkit-transition: all 0.6s ease;
|
| 851 |
+
-moz-transition: all 0.6s ease;
|
| 852 |
+
transition: all 0.6s ease;
|
| 853 |
+
opacity: 0.75;
|
| 854 |
+
}
|
| 855 |
+
|
| 856 |
+
.eihe-shutter-in-out-diag-2:after {
|
| 857 |
+
-webkit-transform: skew(45deg) translateX(-100%);
|
| 858 |
+
-moz-transform: skew(45deg) translateX(-100%);
|
| 859 |
+
-ms-transform: skew(45deg) translateX(-100%);
|
| 860 |
+
-o-transform: skew(45deg) translateX(-100%);
|
| 861 |
+
transform: skew(45deg) translateX(-100%);
|
| 862 |
+
}
|
| 863 |
+
|
| 864 |
+
.eihe-shutter-in-out-diag-2:before {
|
| 865 |
+
-webkit-transform: skew(45deg) translateX(100%);
|
| 866 |
+
-moz-transform: skew(45deg) translateX(100%);
|
| 867 |
+
-ms-transform: skew(45deg) translateX(100%);
|
| 868 |
+
-o-transform: skew(45deg) translateX(100%);
|
| 869 |
+
transform: skew(45deg) translateX(100%);
|
| 870 |
+
}
|
| 871 |
+
|
| 872 |
+
.eihe-shutter-in-out-diag-2:hover:after {
|
| 873 |
+
-webkit-transform: skew(45deg) translateX(0%);
|
| 874 |
+
-moz-transform: skew(45deg) translateX(0%);
|
| 875 |
+
-ms-transform: skew(45deg) translateX(0%);
|
| 876 |
+
-o-transform: skew(45deg) translateX(0%);
|
| 877 |
+
transform: skew(45deg) translateX(0%);
|
| 878 |
+
}
|
| 879 |
+
|
| 880 |
+
.eihe-shutter-in-out-diag-2:hover:before {
|
| 881 |
+
-webkit-transform: skew(45deg) translateX(0%);
|
| 882 |
+
-moz-transform: skew(45deg) translateX(0%);
|
| 883 |
+
-ms-transform: skew(45deg) translateX(0%);
|
| 884 |
+
-o-transform: skew(45deg) translateX(0%);
|
| 885 |
+
transform: skew(45deg) translateX(0%);
|
| 886 |
+
}
|
| 887 |
+
|
| 888 |
+
/* eihe-fold*
|
| 889 |
+
----------------------------- */
|
| 890 |
+
[class^='eihe-fold'], [class*=' eihe-fold'] {
|
| 891 |
+
-webkit-perspective: 50em;
|
| 892 |
+
-moz-perspective: 50em;
|
| 893 |
+
perspective: 50em;
|
| 894 |
+
}
|
| 895 |
+
|
| 896 |
+
[class^='eihe-fold'] img, [class*=' eihe-fold'] img {
|
| 897 |
+
-webkit-transform-origin: 50% 0%;
|
| 898 |
+
-moz-transform-origin: 50% 0%;
|
| 899 |
+
-ms-transform-origin: 50% 0%;
|
| 900 |
+
-o-transform-origin: 50% 0%;
|
| 901 |
+
transform-origin: 50% 0%;
|
| 902 |
+
}
|
| 903 |
+
|
| 904 |
+
[class^='eihe-fold'] .eihe-caption, [class*=' eihe-fold'] .eihe-caption {
|
| 905 |
+
z-index: 1;
|
| 906 |
+
opacity: 0;
|
| 907 |
+
}
|
| 908 |
+
|
| 909 |
+
[class^='eihe-fold']:hover > img, [class*=' eihe-fold']:hover > img {
|
| 910 |
+
opacity: 0;
|
| 911 |
+
-webkit-transition-delay: 0;
|
| 912 |
+
-moz-transition-delay: 0;
|
| 913 |
+
transition-delay: 0;
|
| 914 |
+
}
|
| 915 |
+
|
| 916 |
+
[class^='eihe-fold']:hover .eihe-caption, [class*=' eihe-fold']:hover .eihe-caption {
|
| 917 |
+
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
|
| 918 |
+
-moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
|
| 919 |
+
-ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
|
| 920 |
+
-o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
|
| 921 |
+
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
|
| 922 |
+
opacity: 1;
|
| 923 |
+
-webkit-transition-delay: 0.21s;
|
| 924 |
+
-moz-transition-delay: 0.21s;
|
| 925 |
+
transition-delay: 0.21s;
|
| 926 |
+
}
|
| 927 |
+
|
| 928 |
+
/* eihe-fold-up
|
| 929 |
+
----------------------------- */
|
| 930 |
+
.eihe-fold-up > img {
|
| 931 |
+
-webkit-transform-origin: 50% 0%;
|
| 932 |
+
-moz-transform-origin: 50% 0%;
|
| 933 |
+
-ms-transform-origin: 50% 0%;
|
| 934 |
+
-o-transform-origin: 50% 0%;
|
| 935 |
+
transform-origin: 50% 0%;
|
| 936 |
+
}
|
| 937 |
+
|
| 938 |
+
.eihe-fold-up .eihe-caption {
|
| 939 |
+
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
|
| 940 |
+
-moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
|
| 941 |
+
-ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
|
| 942 |
+
-o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
|
| 943 |
+
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
|
| 944 |
+
-webkit-transform-origin: 50% 100%;
|
| 945 |
+
-moz-transform-origin: 50% 100%;
|
| 946 |
+
-ms-transform-origin: 50% 100%;
|
| 947 |
+
-o-transform-origin: 50% 100%;
|
| 948 |
+
transform-origin: 50% 100%;
|
| 949 |
+
}
|
| 950 |
+
|
| 951 |
+
.eihe-fold-up:hover > img {
|
| 952 |
+
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
|
| 953 |
+
-moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
|
| 954 |
+
-ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
|
| 955 |
+
-o-transform: rotateX(90deg) scale(0.6) translateY(50%);
|
| 956 |
+
transform: rotateX(90deg) scale(0.6) translateY(50%);
|
| 957 |
+
}
|
| 958 |
+
|
| 959 |
+
/* eihe-fold-down
|
| 960 |
+
----------------------------- */
|
| 961 |
+
.eihe-fold-down > img {
|
| 962 |
+
-webkit-transform-origin: 50% 100%;
|
| 963 |
+
-moz-transform-origin: 50% 100%;
|
| 964 |
+
-ms-transform-origin: 50% 100%;
|
| 965 |
+
-o-transform-origin: 50% 100%;
|
| 966 |
+
transform-origin: 50% 100%;
|
| 967 |
+
}
|
| 968 |
+
|
| 969 |
+
.eihe-fold-down .eihe-caption {
|
| 970 |
+
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
|
| 971 |
+
-moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
|
| 972 |
+
-ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
|
| 973 |
+
-o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
|
| 974 |
+
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
|
| 975 |
+
-webkit-transform-origin: 50% 0%;
|
| 976 |
+
-moz-transform-origin: 50% 0%;
|
| 977 |
+
-ms-transform-origin: 50% 0%;
|
| 978 |
+
-o-transform-origin: 50% 0%;
|
| 979 |
+
transform-origin: 50% 0%;
|
| 980 |
+
}
|
| 981 |
+
|
| 982 |
+
.eihe-fold-down:hover > img {
|
| 983 |
+
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
|
| 984 |
+
-moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
|
| 985 |
+
-ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
|
| 986 |
+
-o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
|
| 987 |
+
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
|
| 988 |
+
}
|
| 989 |
+
|
| 990 |
+
/* eihe-fold-left
|
| 991 |
+
----------------------------- */
|
| 992 |
+
.eihe-fold-left > img {
|
| 993 |
+
-webkit-transform-origin: 0% 50%;
|
| 994 |
+
-moz-transform-origin: 0% 50%;
|
| 995 |
+
-ms-transform-origin: 0% 50%;
|
| 996 |
+
-o-transform-origin: 0% 50%;
|
| 997 |
+
transform-origin: 0% 50%;
|
| 998 |
+
}
|
| 999 |
+
|
| 1000 |
+
.eihe-fold-left .eihe-caption {
|
| 1001 |
+
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
|
| 1002 |
+
-moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
|
| 1003 |
+
-ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
|
| 1004 |
+
-o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
|
| 1005 |
+
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
|
| 1006 |
+
-webkit-transform-origin: 100% 50%;
|
| 1007 |
+
-moz-transform-origin: 100% 50%;
|
| 1008 |
+
-ms-transform-origin: 100% 50%;
|
| 1009 |
+
-o-transform-origin: 100% 50%;
|
| 1010 |
+
transform-origin: 100% 50%;
|
| 1011 |
+
}
|
| 1012 |
+
|
| 1013 |
+
.eihe-fold-left:hover > img {
|
| 1014 |
+
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
|
| 1015 |
+
-moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
|
| 1016 |
+
-ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
|
| 1017 |
+
-o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
|
| 1018 |
+
transform: rotateY(-90deg) scale(0.6) translateX(50%);
|
| 1019 |
+
}
|
| 1020 |
+
|
| 1021 |
+
/* eihe-fold-right
|
| 1022 |
+
----------------------------- */
|
| 1023 |
+
.eihe-fold-right > img {
|
| 1024 |
+
-webkit-transform-origin: 100% 50%;
|
| 1025 |
+
-moz-transform-origin: 100% 50%;
|
| 1026 |
+
-ms-transform-origin: 100% 50%;
|
| 1027 |
+
-o-transform-origin: 100% 50%;
|
| 1028 |
+
transform-origin: 100% 50%;
|
| 1029 |
+
}
|
| 1030 |
+
|
| 1031 |
+
.eihe-fold-right .eihe-caption {
|
| 1032 |
+
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
|
| 1033 |
+
-moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
|
| 1034 |
+
-ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
|
| 1035 |
+
-o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
|
| 1036 |
+
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
|
| 1037 |
+
-webkit-transform-origin: 0 50%;
|
| 1038 |
+
-moz-transform-origin: 0 50%;
|
| 1039 |
+
-ms-transform-origin: 0 50%;
|
| 1040 |
+
-o-transform-origin: 0 50%;
|
| 1041 |
+
transform-origin: 0 50%;
|
| 1042 |
+
}
|
| 1043 |
+
|
| 1044 |
+
.eihe-fold-right:hover > img {
|
| 1045 |
+
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
|
| 1046 |
+
-moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
|
| 1047 |
+
-ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
|
| 1048 |
+
-o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
|
| 1049 |
+
transform: rotateY(90deg) scale(0.6) translateX(-50%);
|
| 1050 |
+
}
|
| 1051 |
+
|
| 1052 |
+
/* eihe-zoom-in
|
| 1053 |
+
----------------------------- */
|
| 1054 |
+
.eihe-zoom-in .eihe-caption {
|
| 1055 |
+
opacity: 0;
|
| 1056 |
+
-webkit-transform: scale(0.5);
|
| 1057 |
+
-moz-transform: scale(0.5);
|
| 1058 |
+
-ms-transform: scale(0.5);
|
| 1059 |
+
-o-transform: scale(0.5);
|
| 1060 |
+
transform: scale(0.5);
|
| 1061 |
+
}
|
| 1062 |
+
|
| 1063 |
+
.eihe-zoom-in:hover .eihe-caption {
|
| 1064 |
+
-webkit-transform: scale(1);
|
| 1065 |
+
-moz-transform: scale(1);
|
| 1066 |
+
-ms-transform: scale(1);
|
| 1067 |
+
-o-transform: scale(1);
|
| 1068 |
+
transform: scale(1);
|
| 1069 |
+
opacity: 1;
|
| 1070 |
+
}
|
| 1071 |
+
|
| 1072 |
+
/* eihe-zoom-out*
|
| 1073 |
+
----------------------------- */
|
| 1074 |
+
[class^='eihe-zoom-out'] .eihe-caption, [class*=' eihe-zoom-out'] .eihe-caption {
|
| 1075 |
+
-webkit-transform: scale(0.5);
|
| 1076 |
+
-moz-transform: scale(0.5);
|
| 1077 |
+
-ms-transform: scale(0.5);
|
| 1078 |
+
-o-transform: scale(0.5);
|
| 1079 |
+
transform: scale(0.5);
|
| 1080 |
+
-webkit-transform-origin: 50% 50%;
|
| 1081 |
+
-moz-transform-origin: 50% 50%;
|
| 1082 |
+
-ms-transform-origin: 50% 50%;
|
| 1083 |
+
-o-transform-origin: 50% 50%;
|
| 1084 |
+
transform-origin: 50% 50%;
|
| 1085 |
+
opacity: 0;
|
| 1086 |
+
}
|
| 1087 |
+
|
| 1088 |
+
[class^='eihe-zoom-out']:hover .eihe-caption, [class^='eihe-zoom-out'].hover .eihe-caption, [class*=' eihe-zoom-out']:hover .eihe-caption, [class*=' eihe-zoom-out'].hover .eihe-caption {
|
| 1089 |
+
-webkit-transform: scale(1);
|
| 1090 |
+
-moz-transform: scale(1);
|
| 1091 |
+
-ms-transform: scale(1);
|
| 1092 |
+
-o-transform: scale(1);
|
| 1093 |
+
transform: scale(1);
|
| 1094 |
+
opacity: 1;
|
| 1095 |
+
-webkit-transition-delay: 0.35s;
|
| 1096 |
+
-moz-transition-delay: 0.35s;
|
| 1097 |
+
transition-delay: 0.35s;
|
| 1098 |
+
}
|
| 1099 |
+
|
| 1100 |
+
/* eihe-zoom-out
|
| 1101 |
+
----------------------------- */
|
| 1102 |
+
.eihe-zoom-out:hover > img {
|
| 1103 |
+
-webkit-transform: scale(0.5);
|
| 1104 |
+
-moz-transform: scale(0.5);
|
| 1105 |
+
-ms-transform: scale(0.5);
|
| 1106 |
+
-o-transform: scale(0.5);
|
| 1107 |
+
transform: scale(0.5);
|
| 1108 |
+
opacity: 0;
|
| 1109 |
+
}
|
| 1110 |
+
|
| 1111 |
+
/* eihe-zoom-out-up
|
| 1112 |
+
----------------------------- */
|
| 1113 |
+
.eihe-zoom-out-up:hover > img, .eihe-zoom-out-up.hover > img {
|
| 1114 |
+
-webkit-animation: eihe-zoom-out-up 0.4025s linear;
|
| 1115 |
+
-moz-animation: eihe-zoom-out-up 0.4025s linear;
|
| 1116 |
+
animation: eihe-zoom-out-up 0.4025s linear;
|
| 1117 |
+
-webkit-animation-iteration-count: 1;
|
| 1118 |
+
-moz-animation-iteration-count: 1;
|
| 1119 |
+
animation-iteration-count: 1;
|
| 1120 |
+
-webkit-animation-fill-mode: forwards;
|
| 1121 |
+
-moz-animation-fill-mode: forwards;
|
| 1122 |
+
animation-fill-mode: forwards;
|
| 1123 |
+
}
|
| 1124 |
+
|
| 1125 |
+
@-webkit-keyframes eihe-zoom-out-up {
|
| 1126 |
+
50% {
|
| 1127 |
+
-webkit-transform: scale(0.8) translateY(0%);
|
| 1128 |
+
-moz-transform: scale(0.8) translateY(0%);
|
| 1129 |
+
-ms-transform: scale(0.8) translateY(0%);
|
| 1130 |
+
-o-transform: scale(0.8) translateY(0%);
|
| 1131 |
+
transform: scale(0.8) translateY(0%);
|
| 1132 |
+
opacity: 0.5;
|
| 1133 |
+
}
|
| 1134 |
+
100% {
|
| 1135 |
+
-webkit-transform: scale(0.8) translateY(-150%);
|
| 1136 |
+
-moz-transform: scale(0.8) translateY(-150%);
|
| 1137 |
+
-ms-transform: scale(0.8) translateY(-150%);
|
| 1138 |
+
-o-transform: scale(0.8) translateY(-150%);
|
| 1139 |
+
transform: scale(0.8) translateY(-150%);
|
| 1140 |
+
opacity: 0.5;
|
| 1141 |
+
}
|
| 1142 |
+
}
|
| 1143 |
+
|
| 1144 |
+
@keyframes eihe-zoom-out-up {
|
| 1145 |
+
50% {
|
| 1146 |
+
-webkit-transform: scale(0.8) translateY(0%);
|
| 1147 |
+
-moz-transform: scale(0.8) translateY(0%);
|
| 1148 |
+
-ms-transform: scale(0.8) translateY(0%);
|
| 1149 |
+
-o-transform: scale(0.8) translateY(0%);
|
| 1150 |
+
transform: scale(0.8) translateY(0%);
|
| 1151 |
+
opacity: 0.5;
|
| 1152 |
+
}
|
| 1153 |
+
100% {
|
| 1154 |
+
-webkit-transform: scale(0.8) translateY(-150%);
|
| 1155 |
+
-moz-transform: scale(0.8) translateY(-150%);
|
| 1156 |
+
-ms-transform: scale(0.8) translateY(-150%);
|
| 1157 |
+
-o-transform: scale(0.8) translateY(-150%);
|
| 1158 |
+
transform: scale(0.8) translateY(-150%);
|
| 1159 |
+
opacity: 0.5;
|
| 1160 |
+
}
|
| 1161 |
+
}
|
| 1162 |
+
|
| 1163 |
+
/* eihe-zoom-out-down
|
| 1164 |
+
----------------------------- */
|
| 1165 |
+
.eihe-zoom-out-down:hover > img, .eihe-zoom-out-down.hover > img {
|
| 1166 |
+
-webkit-animation: eihe-zoom-out-down 0.4025s linear;
|
| 1167 |
+
-moz-animation: eihe-zoom-out-down 0.4025s linear;
|
| 1168 |
+
animation: eihe-zoom-out-down 0.4025s linear;
|
| 1169 |
+
-webkit-animation-iteration-count: 1;
|
| 1170 |
+
-moz-animation-iteration-count: 1;
|
| 1171 |
+
animation-iteration-count: 1;
|
| 1172 |
+
-webkit-animation-fill-mode: forwards;
|
| 1173 |
+
-moz-animation-fill-mode: forwards;
|
| 1174 |
+
animation-fill-mode: forwards;
|
| 1175 |
+
}
|
| 1176 |
+
|
| 1177 |
+
@-webkit-keyframes eihe-zoom-out-down {
|
| 1178 |
+
50% {
|
| 1179 |
+
-webkit-transform: scale(0.8) translateY(0%);
|
| 1180 |
+
-moz-transform: scale(0.8) translateY(0%);
|
| 1181 |
+
-ms-transform: scale(0.8) translateY(0%);
|
| 1182 |
+
-o-transform: scale(0.8) translateY(0%);
|
| 1183 |
+
transform: scale(0.8) translateY(0%);
|
| 1184 |
+
opacity: 0.5;
|
| 1185 |
+
}
|
| 1186 |
+
100% {
|
| 1187 |
+
-webkit-transform: scale(0.8) translateY(150%);
|
| 1188 |
+
-moz-transform: scale(0.8) translateY(150%);
|
| 1189 |
+
-ms-transform: scale(0.8) translateY(150%);
|
| 1190 |
+
-o-transform: scale(0.8) translateY(150%);
|
| 1191 |
+
transform: scale(0.8) translateY(150%);
|
| 1192 |
+
opacity: 0.5;
|
| 1193 |
+
}
|
| 1194 |
+
}
|
| 1195 |
+
|
| 1196 |
+
@keyframes eihe-zoom-out-down {
|
| 1197 |
+
50% {
|
| 1198 |
+
-webkit-transform: scale(0.8) translateY(0%);
|
| 1199 |
+
-moz-transform: scale(0.8) translateY(0%);
|
| 1200 |
+
-ms-transform: scale(0.8) translateY(0%);
|
| 1201 |
+
-o-transform: scale(0.8) translateY(0%);
|
| 1202 |
+
transform: scale(0.8) translateY(0%);
|
| 1203 |
+
opacity: 0.5;
|
| 1204 |
+
}
|
| 1205 |
+
100% {
|
| 1206 |
+
-webkit-transform: scale(0.8) translateY(150%);
|
| 1207 |
+
-moz-transform: scale(0.8) translateY(150%);
|
| 1208 |
+
-ms-transform: scale(0.8) translateY(150%);
|
| 1209 |
+
-o-transform: scale(0.8) translateY(150%);
|
| 1210 |
+
transform: scale(0.8) translateY(150%);
|
| 1211 |
+
opacity: 0.5;
|
| 1212 |
+
}
|
| 1213 |
+
}
|
| 1214 |
+
|
| 1215 |
+
/* eihe-zoom-out-left
|
| 1216 |
+
----------------------------- */
|
| 1217 |
+
.eihe-zoom-out-left:hover > img, .eihe-zoom-out-left.hover > img {
|
| 1218 |
+
-webkit-animation: eihe-zoom-out-left 0.4025s linear;
|
| 1219 |
+
-moz-animation: eihe-zoom-out-left 0.4025s linear;
|
| 1220 |
+
animation: eihe-zoom-out-left 0.4025s linear;
|
| 1221 |
+
-webkit-animation-iteration-count: 1;
|
| 1222 |
+
-moz-animation-iteration-count: 1;
|
| 1223 |
+
animation-iteration-count: 1;
|
| 1224 |
+
-webkit-animation-fill-mode: forwards;
|
| 1225 |
+
-moz-animation-fill-mode: forwards;
|
| 1226 |
+
animation-fill-mode: forwards;
|
| 1227 |
+
}
|
| 1228 |
+
|
| 1229 |
+
@-webkit-keyframes eihe-zoom-out-left {
|
| 1230 |
+
50% {
|
| 1231 |
+
-webkit-transform: scale(0.8) translateX(0%);
|
| 1232 |
+
-moz-transform: scale(0.8) translateX(0%);
|
| 1233 |
+
-ms-transform: scale(0.8) translateX(0%);
|
| 1234 |
+
-o-transform: scale(0.8) translateX(0%);
|
| 1235 |
+
transform: scale(0.8) translateX(0%);
|
| 1236 |
+
opacity: 0.5;
|
| 1237 |
+
}
|
| 1238 |
+
100% {
|
| 1239 |
+
-webkit-transform: scale(0.8) translateX(-150%);
|
| 1240 |
+
-moz-transform: scale(0.8) translateX(-150%);
|
| 1241 |
+
-ms-transform: scale(0.8) translateX(-150%);
|
| 1242 |
+
-o-transform: scale(0.8) translateX(-150%);
|
| 1243 |
+
transform: scale(0.8) translateX(-150%);
|
| 1244 |
+
opacity: 0.5;
|
| 1245 |
+
}
|
| 1246 |
+
}
|
| 1247 |
+
|
| 1248 |
+
@keyframes eihe-zoom-out-left {
|
| 1249 |
+
50% {
|
| 1250 |
+
-webkit-transform: scale(0.8) translateX(0%);
|
| 1251 |
+
-moz-transform: scale(0.8) translateX(0%);
|
| 1252 |
+
-ms-transform: scale(0.8) translateX(0%);
|
| 1253 |
+
-o-transform: scale(0.8) translateX(0%);
|
| 1254 |
+
transform: scale(0.8) translateX(0%);
|
| 1255 |
+
opacity: 0.5;
|
| 1256 |
+
}
|
| 1257 |
+
100% {
|
| 1258 |
+
-webkit-transform: scale(0.8) translateX(-150%);
|
| 1259 |
+
-moz-transform: scale(0.8) translateX(-150%);
|
| 1260 |
+
-ms-transform: scale(0.8) translateX(-150%);
|
| 1261 |
+
-o-transform: scale(0.8) translateX(-150%);
|
| 1262 |
+
transform: scale(0.8) translateX(-150%);
|
| 1263 |
+
opacity: 0.5;
|
| 1264 |
+
}
|
| 1265 |
+
}
|
| 1266 |
+
|
| 1267 |
+
/* eihe-zoom-out-right
|
| 1268 |
+
----------------------------- */
|
| 1269 |
+
.eihe-zoom-out-right:hover > img, .eihe-zoom-out-right.hover > img {
|
| 1270 |
+
-webkit-animation: eihe-zoom-out-right 0.4025s linear;
|
| 1271 |
+
-moz-animation: eihe-zoom-out-right 0.4025s linear;
|
| 1272 |
+
animation: eihe-zoom-out-right 0.4025s linear;
|
| 1273 |
+
-webkit-animation-iteration-count: 1;
|
| 1274 |
+
-moz-animation-iteration-count: 1;
|
| 1275 |
+
animation-iteration-count: 1;
|
| 1276 |
+
-webkit-animation-fill-mode: forwards;
|
| 1277 |
+
-moz-animation-fill-mode: forwards;
|
| 1278 |
+
animation-fill-mode: forwards;
|
| 1279 |
+
}
|
| 1280 |
+
|
| 1281 |
+
@-webkit-keyframes eihe-zoom-out-right {
|
| 1282 |
+
50% {
|
| 1283 |
+
-webkit-transform: scale(0.8) translateX(0%);
|
| 1284 |
+
-moz-transform: scale(0.8) translateX(0%);
|
| 1285 |
+
-ms-transform: scale(0.8) translateX(0%);
|
| 1286 |
+
-o-transform: scale(0.8) translateX(0%);
|
| 1287 |
+
transform: scale(0.8) translateX(0%);
|
| 1288 |
+
opacity: 0.5;
|
| 1289 |
+
}
|
| 1290 |
+
100% {
|
| 1291 |
+
-webkit-transform: scale(0.8) translateX(150%);
|
| 1292 |
+
-moz-transform: scale(0.8) translateX(150%);
|
| 1293 |
+
-ms-transform: scale(0.8) translateX(150%);
|
| 1294 |
+
-o-transform: scale(0.8) translateX(150%);
|
| 1295 |
+
transform: scale(0.8) translateX(150%);
|
| 1296 |
+
opacity: 0.5;
|
| 1297 |
+
}
|
| 1298 |
+
}
|
| 1299 |
+
|
| 1300 |
+
@keyframes eihe-zoom-out-right {
|
| 1301 |
+
50% {
|
| 1302 |
+
-webkit-transform: scale(0.8) translateX(0%);
|
| 1303 |
+
-moz-transform: scale(0.8) translateX(0%);
|
| 1304 |
+
-ms-transform: scale(0.8) translateX(0%);
|
| 1305 |
+
-o-transform: scale(0.8) translateX(0%);
|
| 1306 |
+
transform: scale(0.8) translateX(0%);
|
| 1307 |
+
opacity: 0.5;
|
| 1308 |
+
}
|
| 1309 |
+
100% {
|
| 1310 |
+
-webkit-transform: scale(0.8) translateX(150%);
|
| 1311 |
+
-moz-transform: scale(0.8) translateX(150%);
|
| 1312 |
+
-ms-transform: scale(0.8) translateX(150%);
|
| 1313 |
+
-o-transform: scale(0.8) translateX(150%);
|
| 1314 |
+
transform: scale(0.8) translateX(150%);
|
| 1315 |
+
opacity: 0.5;
|
| 1316 |
+
}
|
| 1317 |
+
}
|
| 1318 |
+
|
| 1319 |
+
/* eihe-zoom-out-flip-horiz
|
| 1320 |
+
----------------------------- */
|
| 1321 |
+
.eihe-zoom-out-flip-horiz {
|
| 1322 |
+
-webkit-perspective: 50em;
|
| 1323 |
+
-moz-perspective: 50em;
|
| 1324 |
+
perspective: 50em;
|
| 1325 |
+
}
|
| 1326 |
+
|
| 1327 |
+
.eihe-zoom-out-flip-horiz .eihe-caption {
|
| 1328 |
+
opacity: 0;
|
| 1329 |
+
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1330 |
+
-moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1331 |
+
-ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1332 |
+
-o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1333 |
+
transform: rotateX(90deg) translateY(-100%) scale(0.5);
|
| 1334 |
+
}
|
| 1335 |
+
|
| 1336 |
+
.eihe-zoom-out-flip-horiz:hover > img, .eihe-zoom-out-flip-horiz.hover > img {
|
| 1337 |
+
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1338 |
+
-moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1339 |
+
-ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1340 |
+
-o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1341 |
+
transform: rotateX(-100deg) translateY(50%) scale(0.5);
|
| 1342 |
+
opacity: 0;
|
| 1343 |
+
-webkit-transition-delay: 0;
|
| 1344 |
+
-moz-transition-delay: 0;
|
| 1345 |
+
transition-delay: 0;
|
| 1346 |
+
}
|
| 1347 |
+
|
| 1348 |
+
.eihe-zoom-out-flip-horiz:hover .eihe-caption, .eihe-zoom-out-flip-horiz.hover .eihe-caption {
|
| 1349 |
+
-webkit-transform: rotateX(0) translateY(0%) scale(1);
|
| 1350 |
+
-moz-transform: rotateX(0) translateY(0%) scale(1);
|
| 1351 |
+
-ms-transform: rotateX(0) translateY(0%) scale(1);
|
| 1352 |
+
-o-transform: rotateX(0) translateY(0%) scale(1);
|
| 1353 |
+
transform: rotateX(0) translateY(0%) scale(1);
|
| 1354 |
+
opacity: 1;
|
| 1355 |
+
-webkit-transition-delay: 0.35s;
|
| 1356 |
+
-moz-transition-delay: 0.35s;
|
| 1357 |
+
transition-delay: 0.35s;
|
| 1358 |
+
}
|
| 1359 |
+
|
| 1360 |
+
/* eihe-zoom-out-flip-vert
|
| 1361 |
+
----------------------------- */
|
| 1362 |
+
.eihe-zoom-out-flip-vert {
|
| 1363 |
+
-webkit-perspective: 50em;
|
| 1364 |
+
-moz-perspective: 50em;
|
| 1365 |
+
perspective: 50em;
|
| 1366 |
+
}
|
| 1367 |
+
|
| 1368 |
+
.eihe-zoom-out-flip-vert .eihe-caption {
|
| 1369 |
+
opacity: 0;
|
| 1370 |
+
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1371 |
+
-moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1372 |
+
-ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1373 |
+
-o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1374 |
+
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
|
| 1375 |
+
}
|
| 1376 |
+
|
| 1377 |
+
.eihe-zoom-out-flip-vert:hover > img, .eihe-zoom-out-flip-vert.hover > img {
|
| 1378 |
+
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1379 |
+
-moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1380 |
+
-ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1381 |
+
-o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1382 |
+
transform: rotateY(-100deg) translateX(50%) scale(0.5);
|
| 1383 |
+
opacity: 0;
|
| 1384 |
+
-webkit-transition-delay: 0;
|
| 1385 |
+
-moz-transition-delay: 0;
|
| 1386 |
+
transition-delay: 0;
|
| 1387 |
+
}
|
| 1388 |
+
|
| 1389 |
+
.eihe-zoom-out-flip-vert:hover .eihe-caption, .eihe-zoom-out-flip-vert.hover .eihe-caption {
|
| 1390 |
+
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
|
| 1391 |
+
-moz-transform: rotateY(0) translate(0, 0) scale(1);
|
| 1392 |
+
-ms-transform: rotateY(0) translate(0, 0) scale(1);
|
| 1393 |
+
-o-transform: rotateY(0) translate(0, 0) scale(1);
|
| 1394 |
+
transform: rotateY(0) translate(0, 0) scale(1);
|
| 1395 |
+
opacity: 1;
|
| 1396 |
+
-webkit-transition-delay: 0.35s;
|
| 1397 |
+
-moz-transition-delay: 0.35s;
|
| 1398 |
+
transition-delay: 0.35s;
|
| 1399 |
+
}
|
| 1400 |
+
|
| 1401 |
+
/* eihe-blur
|
| 1402 |
+
----------------------------- */
|
| 1403 |
+
.eihe-blur .eihe-caption {
|
| 1404 |
+
opacity: 0;
|
| 1405 |
+
}
|
| 1406 |
+
|
| 1407 |
+
.eihe-blur:hover > img {
|
| 1408 |
+
-webkit-filter: blur(30px);
|
| 1409 |
+
filter: blur(30px);
|
| 1410 |
+
-webkit-transform: scale(1.2);
|
| 1411 |
+
-moz-transform: scale(1.2);
|
| 1412 |
+
-ms-transform: scale(1.2);
|
| 1413 |
+
-o-transform: scale(1.2);
|
| 1414 |
+
transform: scale(1.2);
|
| 1415 |
+
opacity: 0;
|
| 1416 |
+
}
|
| 1417 |
+
|
| 1418 |
+
.eihe-blur:hover .eihe-caption {
|
| 1419 |
+
opacity: 1;
|
| 1420 |
+
-webkit-transition-delay: 0.21s;
|
| 1421 |
+
-moz-transition-delay: 0.21s;
|
| 1422 |
+
transition-delay: 0.21s;
|
| 1423 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
image-hover-effects-addon-for-elementor.php
CHANGED
|
@@ -1,96 +1,110 @@
|
|
| 1 |
<?php
|
| 2 |
/**
|
| 3 |
* Plugin Name: Image Hover Effects Addon for Elementor
|
| 4 |
-
* Plugin URI: https://blocksera.com/wordpress-plugins/image-hover-effects-elementor
|
| 5 |
* Author: Blocksera
|
| 6 |
* Author URI: https://blocksera.com
|
| 7 |
-
* Description:
|
| 8 |
-
* Version: 1.
|
| 9 |
* Requires at least: 4.6
|
| 10 |
* Tested up to: 4.9.6
|
| 11 |
* License: GPL v3
|
| 12 |
* Text Domain: eihe-lang
|
| 13 |
* Domain Path: /languages
|
| 14 |
-
*
|
| 15 |
**/
|
| 16 |
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
define( 'EIHE', __FILE__ );
|
| 21 |
-
define( 'EIHE_PATH', plugin_dir_path( EIHE ) );
|
| 22 |
-
define( 'EIHE_URL', plugin_dir_url( EIHE ) );
|
| 23 |
-
|
| 24 |
-
register_activation_hook(__FILE__, array('Elementor_Image_Hover_Effects','activate'));
|
| 25 |
-
register_deactivation_hook(__FILE__, array('Elementor_Image_Hover_Effects','deactivate'));
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
function eihe_plugin_loaded() {
|
| 29 |
-
if ( ! did_action( 'elementor/loaded' ) ) {
|
| 30 |
-
add_action( 'admin_notices', 'eihe_widgets_fail_load' );
|
| 31 |
-
return;
|
| 32 |
-
}
|
| 33 |
-
|
| 34 |
-
$elementor_version_required = '1.1.2';
|
| 35 |
-
if ( ! version_compare( ELEMENTOR_VERSION, $elementor_version_required, '>=' ) ) {
|
| 36 |
-
add_action( 'admin_notices', 'eihe_fail_load_out_of_date' );
|
| 37 |
-
return;
|
| 38 |
-
}
|
| 39 |
}
|
| 40 |
-
add_action( 'plugins_loaded', 'eihe_plugin_loaded' );
|
| 41 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 42 |
|
| 43 |
-
require_once EIHE_PATH.'
|
| 44 |
|
| 45 |
class Elementor_Image_Hover_Effects {
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
self::$_instance = new self();
|
| 52 |
}
|
| 53 |
-
|
| 54 |
return self::$_instance;
|
| 55 |
-
}
|
| 56 |
-
|
| 57 |
-
public function init() {
|
| 58 |
-
load_plugin_textdomain('eihe-lang', false, EIHE_PATH . 'languages');
|
| 59 |
}
|
| 60 |
-
|
| 61 |
-
public
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 69 |
return;
|
| 70 |
}
|
| 71 |
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 78 |
}
|
| 79 |
|
| 80 |
-
public function
|
| 81 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 82 |
}
|
| 83 |
|
| 84 |
-
public function
|
| 85 |
-
wp_enqueue_style( 'eihe-admin-style', EIHE_URL . 'assets/css/admin.css', array(), '1.0' );
|
| 86 |
-
wp_enqueue_style( 'eihe-front-style', EIHE_URL . 'assets/css/imagehover.css', array(), '1.0' );
|
| 87 |
-
}
|
| 88 |
|
| 89 |
-
|
| 90 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 91 |
|
| 92 |
-
function
|
| 93 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 94 |
}
|
| 95 |
|
| 96 |
-
|
|
|
|
|
|
| 1 |
<?php
|
| 2 |
/**
|
| 3 |
* Plugin Name: Image Hover Effects Addon for Elementor
|
| 4 |
+
* Plugin URI: https://blocksera.com/wordpress-plugins/image-hover-effects-addon-for-elementor/
|
| 5 |
* Author: Blocksera
|
| 6 |
* Author URI: https://blocksera.com
|
| 7 |
+
* Description: Collection of image hover effects for Elementor page builder
|
| 8 |
+
* Version: 1.1
|
| 9 |
* Requires at least: 4.6
|
| 10 |
* Tested up to: 4.9.6
|
| 11 |
* License: GPL v3
|
| 12 |
* Text Domain: eihe-lang
|
| 13 |
* Domain Path: /languages
|
|
|
|
| 14 |
**/
|
| 15 |
|
| 16 |
+
if (!defined('ABSPATH')) {
|
| 17 |
+
exit;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 18 |
}
|
|
|
|
| 19 |
|
| 20 |
+
define('EIHE_VERSION', '1.1');
|
| 21 |
+
define('EIHE_MINIMUM_ELEMENTOR_VERSION', '1.1.2');
|
| 22 |
+
define('EIHE_PATH', plugin_dir_path(__FILE__));
|
| 23 |
+
define('EIHE_URL', plugin_dir_url(__FILE__));
|
| 24 |
|
| 25 |
+
require_once EIHE_PATH . 'includes/elementor-checker.php';
|
| 26 |
|
| 27 |
class Elementor_Image_Hover_Effects {
|
| 28 |
+
|
| 29 |
+
private static $_instance = null;
|
| 30 |
+
|
| 31 |
+
public static function get_instance() {
|
| 32 |
+
if ( is_null( self::$_instance ) ) {
|
| 33 |
self::$_instance = new self();
|
| 34 |
}
|
|
|
|
| 35 |
return self::$_instance;
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
}
|
| 37 |
+
|
| 38 |
+
public function __construct() {
|
| 39 |
+
add_action('plugins_loaded', [$this, 'init']);
|
| 40 |
+
}
|
| 41 |
+
|
| 42 |
+
public function init() {
|
| 43 |
+
|
| 44 |
+
if (!did_action('elementor/loaded')) {
|
| 45 |
+
add_action('admin_notices', 'eihe_addon_failed_load');
|
| 46 |
+
return;
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
if (!version_compare(ELEMENTOR_VERSION, EIHE_MINIMUM_ELEMENTOR_VERSION, '>=')) {
|
| 50 |
+
add_action('admin_notices', [$this, 'eihe_addon_failed_outofdate']);
|
| 51 |
return;
|
| 52 |
}
|
| 53 |
|
| 54 |
+
add_action('elementor/frontend/after_enqueue_styles', [$this, 'includes']);
|
| 55 |
+
add_action('elementor/widgets/widgets_registered', [$this, 'register_widgets']);
|
| 56 |
+
add_action('upgrader_process_complete', [$this, 'wp_upe_upgrade_completed'], 10, 2);
|
| 57 |
+
add_action('admin_init', [$this, 'display_notice']);
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
public function display_notice() {
|
| 61 |
+
|
| 62 |
+
if(isset($_GET['eihe_dismiss']) && $_GET['eihe_dismiss'] == 1) {
|
| 63 |
+
add_option('eihe_dismiss' , true);
|
| 64 |
+
}
|
| 65 |
+
|
| 66 |
+
$upgrade = get_option('eihe_upgraded');
|
| 67 |
+
$dismiss = get_option('eihe_dismiss');
|
| 68 |
+
|
| 69 |
+
if ($upgrade && !$dismiss) {
|
| 70 |
+
add_action('admin_notices', [$this, 'breaking_notice']);
|
| 71 |
+
}
|
| 72 |
}
|
| 73 |
|
| 74 |
+
public function breaking_notice() {
|
| 75 |
+
$message = '<div class="notice notice-warning">';
|
| 76 |
+
$message .= '<p><b>Image Hover Effects Addon for Elementor</b></p>';
|
| 77 |
+
$message .= '<p>We\'ve introduced several features and may potentially affect your image hover widgets. Please check your pages where you\'ve used the plugin.</p>';
|
| 78 |
+
$message .= '<p><a href="https://wordpress.org/support/topic/version-1-1/" class="button button-primary">Read more about the change</a>';
|
| 79 |
+
$message .= '<a href="' . esc_url( get_admin_url() . '?eihe_dismiss=1' ) . '" class="button button-default" style="margin-left: 5px;">Dismiss</a></p>';
|
| 80 |
+
$message .= '</div>';
|
| 81 |
+
echo $message;
|
| 82 |
}
|
| 83 |
|
| 84 |
+
public function wp_upe_upgrade_completed($upgrader_object, $options) {
|
|
|
|
|
|
|
|
|
|
| 85 |
|
| 86 |
+
$our_plugin = plugin_basename( __FILE__ );
|
| 87 |
|
| 88 |
+
if ($options['action'] == 'update' && $options['type'] == 'plugin' && isset( $options['plugins'])) {
|
| 89 |
+
foreach($options['plugins'] as $plugin) {
|
| 90 |
+
if ($plugin == $our_plugin) {
|
| 91 |
+
add_option('eihe_upgraded', true);
|
| 92 |
+
}
|
| 93 |
+
}
|
| 94 |
+
}
|
| 95 |
+
|
| 96 |
+
}
|
| 97 |
|
| 98 |
+
public function register_widgets() {
|
| 99 |
+
require_once(EIHE_PATH . 'includes/widgets.php');
|
| 100 |
+
}
|
| 101 |
+
|
| 102 |
+
public function includes() {
|
| 103 |
+
wp_enqueue_style('eihe-front-style', EIHE_URL . 'assets/style.css', array(), EIHE_VERSION);
|
| 104 |
+
}
|
| 105 |
+
|
| 106 |
}
|
| 107 |
|
| 108 |
+
Elementor_Image_Hover_Effects::get_instance();
|
| 109 |
+
|
| 110 |
+
?>
|
inc/elementor-checker.php
DELETED
|
@@ -1,59 +0,0 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
|
| 3 |
-
// Exit if accessed directly.
|
| 4 |
-
if ( ! defined( 'ABSPATH' ) ) exit;
|
| 5 |
-
|
| 6 |
-
function eihe_widgets_fail_load() {
|
| 7 |
-
$screen = get_current_screen();
|
| 8 |
-
if ( isset( $screen->parent_file ) && 'plugins.php' === $screen->parent_file && 'update' === $screen->id ) {
|
| 9 |
-
return;
|
| 10 |
-
}
|
| 11 |
-
|
| 12 |
-
$plugin = 'elementor/elementor.php';
|
| 13 |
-
|
| 14 |
-
if ( _is_elementor_installed() ) {
|
| 15 |
-
if ( ! current_user_can( 'activate_plugins' ) ) {
|
| 16 |
-
return;
|
| 17 |
-
}
|
| 18 |
-
|
| 19 |
-
$activation_url = wp_nonce_url( 'plugins.php?action=activate&plugin=' . $plugin . '&plugin_status=all&paged=1&s', 'activate-plugin_' . $plugin );
|
| 20 |
-
|
| 21 |
-
$message = '<p>' . __( 'Image Hover Effects Addon not working because you need to activate the Elementor plugin.', 'eihe_lang' ) . '</p>';
|
| 22 |
-
$message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $activation_url, __( 'Activate Elementor Now', 'eihe_lang' ) ) . '</p>';
|
| 23 |
-
} else {
|
| 24 |
-
if ( ! current_user_can( 'install_plugins' ) ) {
|
| 25 |
-
return;
|
| 26 |
-
}
|
| 27 |
-
|
| 28 |
-
$install_url = wp_nonce_url( self_admin_url( 'update.php?action=install-plugin&plugin=elementor' ), 'install-plugin_elementor' );
|
| 29 |
-
|
| 30 |
-
$message = '<p>' . __( 'Image Hover Effects Addon not working because you need to install the Elemenor plugin', 'eihe_lang' ) . '</p>';
|
| 31 |
-
$message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $install_url, __( 'Install Elementor Now', 'eihe_lang' ) ) . '</p>';
|
| 32 |
-
}
|
| 33 |
-
|
| 34 |
-
echo '<div class="error"><p>' . $message . '</p></div>';
|
| 35 |
-
}
|
| 36 |
-
|
| 37 |
-
function eihe_fail_load_out_of_date() {
|
| 38 |
-
if ( ! current_user_can( 'update_plugins' ) ) {
|
| 39 |
-
return;
|
| 40 |
-
}
|
| 41 |
-
|
| 42 |
-
$file_path = 'elementor/elementor.php';
|
| 43 |
-
|
| 44 |
-
$upgrade_link = wp_nonce_url( self_admin_url( 'update.php?action=upgrade-plugin&plugin=' ) . $file_path, 'upgrade-plugin_' . $file_path );
|
| 45 |
-
$message = '<p>' . __( 'Image Hover Effects Addon not working because you are using an old version of Elementor.', 'eihe_lang' ) . '</p>';
|
| 46 |
-
$message .= '<p>' . sprintf( '<a href="%s" class="button-primary">%s</a>', $upgrade_link, __( 'Update Elementor Now', 'eihe_lang' ) ) . '</p>';
|
| 47 |
-
echo '<div class="error">' . $message . '</div>';
|
| 48 |
-
}
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
if ( ! function_exists( '_is_elementor_installed' ) ) {
|
| 52 |
-
|
| 53 |
-
function _is_elementor_installed() {
|
| 54 |
-
$file_path = 'elementor/elementor.php';
|
| 55 |
-
$installed_plugins = get_plugins();
|
| 56 |
-
|
| 57 |
-
return isset( $installed_plugins[ $file_path ] );
|
| 58 |
-
}
|
| 59 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
inc/elementor-helper.php
DELETED
|
@@ -1,19 +0,0 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
namespace Elementor;
|
| 3 |
-
|
| 4 |
-
// Exit if accessed directly.
|
| 5 |
-
if ( ! defined( 'ABSPATH' ) ) exit;
|
| 6 |
-
|
| 7 |
-
// Create Widgets category into elementor.
|
| 8 |
-
|
| 9 |
-
function eihe_add_category_widgets_init(){
|
| 10 |
-
Plugin::instance()->elements_manager->add_category(
|
| 11 |
-
'eihe_widget',
|
| 12 |
-
[
|
| 13 |
-
'title' => 'Image Hover Effects',
|
| 14 |
-
'icon' => 'font'
|
| 15 |
-
],
|
| 16 |
-
1
|
| 17 |
-
);
|
| 18 |
-
}
|
| 19 |
-
add_action('elementor/init','Elementor\eihe_add_category_widgets_init');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
includes/elementor-checker.php
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
if (!defined( 'ABSPATH')) {
|
| 4 |
+
exit;
|
| 5 |
+
}
|
| 6 |
+
|
| 7 |
+
function eihe_addon_failed_load() {
|
| 8 |
+
|
| 9 |
+
$screen = get_current_screen();
|
| 10 |
+
|
| 11 |
+
if (isset( $screen->parent_file) && 'plugins.php' === $screen->parent_file && 'update' === $screen->id) {
|
| 12 |
+
return;
|
| 13 |
+
}
|
| 14 |
+
|
| 15 |
+
$plugin = 'elementor/elementor.php';
|
| 16 |
+
|
| 17 |
+
if (eihe_is_elementor_installed()) {
|
| 18 |
+
|
| 19 |
+
if (!current_user_can('activate_plugins')) {
|
| 20 |
+
return;
|
| 21 |
+
}
|
| 22 |
+
|
| 23 |
+
$activation_url = wp_nonce_url('plugins.php?action=activate&plugin=' . $plugin . '&plugin_status=all&paged=1&s', 'activate-plugin_' . $plugin );
|
| 24 |
+
|
| 25 |
+
$message = '<p><b>Image Hover Effects Addon</b> requires Elementor to be activated.</p>';
|
| 26 |
+
$message .= '<p><a href="'. $activation_url .'" class="button-primary">Activate Elementor</a></p>';
|
| 27 |
+
|
| 28 |
+
} else {
|
| 29 |
+
|
| 30 |
+
if (!current_user_can('install_plugins')) {
|
| 31 |
+
return;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
$install_url = wp_nonce_url(self_admin_url('update.php?action=install-plugin&plugin=elementor'), 'install-plugin_elementor');
|
| 35 |
+
|
| 36 |
+
$message = '<p><b>Image Hover Effects Addon</b> requires Elementor to be installed and activated.</p>';
|
| 37 |
+
$message .= '<p><a href="'. $install_url .'" class="button-primary">Install Elementor</a></p>';
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
echo '<div class="notice notice-error"><p>' . $message . '</p></div>';
|
| 41 |
+
}
|
| 42 |
+
|
| 43 |
+
function eihe_addon_failed_outofdate() {
|
| 44 |
+
|
| 45 |
+
if (!current_user_can('update_plugins')) {
|
| 46 |
+
return;
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
$file_path = 'elementor/elementor.php';
|
| 50 |
+
|
| 51 |
+
$upgrade_link = wp_nonce_url(self_admin_url('update.php?action=upgrade-plugin&plugin=') . $file_path, 'upgrade-plugin_' . $file_path);
|
| 52 |
+
|
| 53 |
+
$message = '<p><b>Image Hover Effects Addon</b> does not work since you are using an older version of Elementor</p>';
|
| 54 |
+
$message .= '<p><a href="'. $upgrade_link .'" class="button-primary">Update Elementor</a></p>';
|
| 55 |
+
|
| 56 |
+
echo '<div class="notice notice-error">' . $message . '</div>';
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
function eihe_is_elementor_installed() {
|
| 60 |
+
$file_path = 'elementor/elementor.php';
|
| 61 |
+
$installed_plugins = get_plugins();
|
| 62 |
+
|
| 63 |
+
return isset($installed_plugins[$file_path]);
|
| 64 |
+
}
|
includes/widgets.php
ADDED
|
@@ -0,0 +1,413 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
namespace Elementor;
|
| 3 |
+
|
| 4 |
+
if (!defined('ABSPATH')) {
|
| 5 |
+
exit;
|
| 6 |
+
}
|
| 7 |
+
|
| 8 |
+
class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
|
| 9 |
+
|
| 10 |
+
public function get_name() {
|
| 11 |
+
return 'e_image_hover_effects';
|
| 12 |
+
}
|
| 13 |
+
|
| 14 |
+
public function get_title() {
|
| 15 |
+
return esc_html__('Image Hover Effects', 'eihe-lang');
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
public function get_icon() {
|
| 19 |
+
return 'eicon-image-rollover';
|
| 20 |
+
}
|
| 21 |
+
|
| 22 |
+
protected function _register_controls() {
|
| 23 |
+
|
| 24 |
+
$this->start_controls_section(
|
| 25 |
+
'eihe_content',
|
| 26 |
+
[
|
| 27 |
+
'label' => esc_html__('Image Hover Effects', 'elementor-image-hover-effects'),
|
| 28 |
+
'tab' => Controls_Manager::TAB_CONTENT,
|
| 29 |
+
]
|
| 30 |
+
);
|
| 31 |
+
|
| 32 |
+
$this->add_control(
|
| 33 |
+
'eihe_effect',
|
| 34 |
+
[
|
| 35 |
+
'label' => esc_html__('Effect', 'elementor-image-hover-effects'),
|
| 36 |
+
'type' => Controls_Manager::SELECT,
|
| 37 |
+
'options' => [
|
| 38 |
+
'eihe-fade' => esc_html__('Fade', 'elementor-image-hover-effects'),
|
| 39 |
+
'eihe-fade-in-up' => esc_html__('Fade In Up', 'elementor-image-hover-effects'),
|
| 40 |
+
'eihe-fade-in-down' => esc_html__('Fade In Down', 'elementor-image-hover-effects'),
|
| 41 |
+
'eihe-fade-in-left' => esc_html__('Fade In Left', 'elementor-image-hover-effects'),
|
| 42 |
+
'eihe-fade-in-right' => esc_html__('Fade In Right', 'elementor-image-hover-effects'),
|
| 43 |
+
'eihe-slide-up' => esc_html__('Slide Up', 'elementor-image-hover-effects'),
|
| 44 |
+
'eihe-slide-down' => esc_html__('Slide Down', 'elementor-image-hover-effects'),
|
| 45 |
+
'eihe-slide-left' => esc_html__('Slide Left', 'elementor-image-hover-effects'),
|
| 46 |
+
'eihe-slide-right' => esc_html__('Slide Right', 'elementor-image-hover-effects'),
|
| 47 |
+
'eihe-reveal-up' => esc_html__('Reveal Up', 'elementor-image-hover-effects'),
|
| 48 |
+
'eihe-reveal-down' => esc_html__('Reveal Down', 'elementor-image-hover-effects'),
|
| 49 |
+
'eihe-reveal-left' => esc_html__('Reveal Left', 'elementor-image-hover-effects'),
|
| 50 |
+
'eihe-reveal-right' => esc_html__('Reveal Right', 'elementor-image-hover-effects'),
|
| 51 |
+
'eihe-push-up' => esc_html__('Push Up', 'elementor-image-hover-effects'),
|
| 52 |
+
'eihe-push-down' => esc_html__('Push Down', 'elementor-image-hover-effects'),
|
| 53 |
+
'eihe-push-left' => esc_html__('Push Left', 'elementor-image-hover-effects'),
|
| 54 |
+
'eihe-push-right' => esc_html__('Push Right', 'elementor-image-hover-effects'),
|
| 55 |
+
'eihe-hinge-up' => esc_html__('Hinge Up', 'elementor-image-hover-effects'),
|
| 56 |
+
'eihe-hinge-down' => esc_html__('Hinge Down', 'elementor-image-hover-effects'),
|
| 57 |
+
'eihe-hinge-left' => esc_html__('Hinge Left', 'elementor-image-hover-effects'),
|
| 58 |
+
'eihe-hinge-right' => esc_html__('Hinge Right', 'elementor-image-hover-effects'),
|
| 59 |
+
'eihe-flip-horiz' => esc_html__('Flip Horizontal', 'elementor-image-hover-effects'),
|
| 60 |
+
'eihe-flip-vert' => esc_html__('Flip Vertical', 'elementor-image-hover-effects'),
|
| 61 |
+
'eihe-flip-diag-1' => esc_html__('Flip Crosss 1', 'elementor-image-hover-effects'),
|
| 62 |
+
'eihe-flip-diag-2' => esc_html__('Flip Crosss 2', 'elementor-image-hover-effects'),
|
| 63 |
+
'eihe-shutter-out-horiz' => esc_html__('Shutter Out Horizontal', 'elementor-image-hover-effects'),
|
| 64 |
+
'eihe-shutter-out-vert' => esc_html__('Shutter Out Vertical', 'elementor-image-hover-effects'),
|
| 65 |
+
'eihe-shutter-out-diag-1' => esc_html__('Shutter Out Crosss 1', 'elementor-image-hover-effects'),
|
| 66 |
+
'eihe-shutter-out-diag-2' => esc_html__('Shutter Out Crosss 2', 'elementor-image-hover-effects'),
|
| 67 |
+
'eihe-shutter-in-horiz' => esc_html__('Shutter In Horizontal', 'elementor-image-hover-effects'),
|
| 68 |
+
'eihe-shutter-in-vert' => esc_html__('Shutter In Vertical', 'elementor-image-hover-effects'),
|
| 69 |
+
'eihe-shutter-in-out-horiz' => esc_html__('Shutter In Out Horizontal', 'elementor-image-hover-effects'),
|
| 70 |
+
'eihe-shutter-in-out-vert' => esc_html__('Shutter In Out Vertical', 'elementor-image-hover-effects'),
|
| 71 |
+
'eihe-shutter-in-out-diag-1' => esc_html__('Shutter In Out Crosss 1', 'elementor-image-hover-effects'),
|
| 72 |
+
'eihe-shutter-in-out-diag-2' => esc_html__('Shutter In Out Crosss 2', 'elementor-image-hover-effects'),
|
| 73 |
+
'eihe-fold-up' => esc_html__('Fold Up', 'elementor-image-hover-effects'),
|
| 74 |
+
'eihe-fold-down' => esc_html__('Fold Down', 'elementor-image-hover-effects'),
|
| 75 |
+
'eihe-fold-left' => esc_html__('Fold Left', 'elementor-image-hover-effects'),
|
| 76 |
+
'eihe-fold-right' => esc_html__('Fold Right', 'elementor-image-hover-effects'),
|
| 77 |
+
'eihe-zoom-in' => esc_html__('Zoom In', 'elementor-image-hover-effects'),
|
| 78 |
+
'eihe-zoom-out' => esc_html__('Zoom Out', 'elementor-image-hover-effects'),
|
| 79 |
+
'eihe-zoom-out-up' => esc_html__('Zoom Out Up', 'elementor-image-hover-effects'),
|
| 80 |
+
'eihe-zoom-out-down' => esc_html__('Zoom Out Down', 'elementor-image-hover-effects'),
|
| 81 |
+
'eihe-zoom-out-left' => esc_html__('Zoom Out Left', 'elementor-image-hover-effects'),
|
| 82 |
+
'eihe-zoom-out-right' => esc_html__('Zoom Out Right', 'elementor-image-hover-effects'),
|
| 83 |
+
'eihe-zoom-out-flip-vert' => esc_html__('Zoom Out Flip Vertical', 'elementor-image-hover-effects'),
|
| 84 |
+
'eihe-zoom-out-flip-horiz' => esc_html__('Zoom Out Flip Horizontal', 'elementor-image-hover-effects'),
|
| 85 |
+
'eihe-blur' => esc_html__('Blur', 'elementor-image-hover-effects'),
|
| 86 |
+
],
|
| 87 |
+
'default' => 'eihe-fade-in-up',
|
| 88 |
+
]
|
| 89 |
+
);
|
| 90 |
+
|
| 91 |
+
$this->add_control(
|
| 92 |
+
'eihe_image',
|
| 93 |
+
[
|
| 94 |
+
'label' => esc_html__('Choose Image', 'elementor-image-hover-effects'),
|
| 95 |
+
'type' => Controls_Manager::MEDIA,
|
| 96 |
+
'default' => [
|
| 97 |
+
'url' => Utils::get_placeholder_image_src(),
|
| 98 |
+
],
|
| 99 |
+
]
|
| 100 |
+
);
|
| 101 |
+
|
| 102 |
+
$this->add_group_control(
|
| 103 |
+
Group_Control_Image_Size::get_type(),
|
| 104 |
+
[
|
| 105 |
+
'name' => 'eihe_thumbnail',
|
| 106 |
+
'exclude' => ['custom'],
|
| 107 |
+
'include' => [],
|
| 108 |
+
'default' => 'large',
|
| 109 |
+
]
|
| 110 |
+
);
|
| 111 |
+
|
| 112 |
+
$this->add_control(
|
| 113 |
+
'eihe_title',
|
| 114 |
+
[
|
| 115 |
+
'label' => __('Title & Description', 'elementor-image-hover-effects'),
|
| 116 |
+
'type' => Controls_Manager::TEXT,
|
| 117 |
+
'default' => __('Title', 'elementor-image-hover-effects'),
|
| 118 |
+
'placeholder' => __('Type your title here', 'elementor-image-hover-effects'),
|
| 119 |
+
'label_block' => true
|
| 120 |
+
]
|
| 121 |
+
);
|
| 122 |
+
|
| 123 |
+
$this->add_control(
|
| 124 |
+
'eihe_description',
|
| 125 |
+
[
|
| 126 |
+
'label' => __('Description', 'elementor-image-hover-effects'),
|
| 127 |
+
'type' => Controls_Manager::TEXTAREA,
|
| 128 |
+
'rows' => 5,
|
| 129 |
+
'default' => __('Description', 'elementor-image-hover-effects'),
|
| 130 |
+
'placeholder' => __('Type your description here', 'elementor-image-hover-effects'),
|
| 131 |
+
'show_label' => false,
|
| 132 |
+
'separator' => 'none'
|
| 133 |
+
]
|
| 134 |
+
);
|
| 135 |
+
|
| 136 |
+
$this->add_control(
|
| 137 |
+
'eihe_link',
|
| 138 |
+
[
|
| 139 |
+
'label' => __('Link To', 'elementor-image-hover-effects'),
|
| 140 |
+
'type' => Controls_Manager::URL,
|
| 141 |
+
'placeholder' => __('https://your-link.com', 'elementor-image-hover-effects'),
|
| 142 |
+
'show_external' => true,
|
| 143 |
+
'default' => [
|
| 144 |
+
'url' => '',
|
| 145 |
+
'is_external' => false,
|
| 146 |
+
'nofollow' => false,
|
| 147 |
+
]
|
| 148 |
+
]
|
| 149 |
+
);
|
| 150 |
+
|
| 151 |
+
$this->end_controls_section();
|
| 152 |
+
|
| 153 |
+
$this->start_controls_section(
|
| 154 |
+
'eihe_content_style',
|
| 155 |
+
[
|
| 156 |
+
'label' => esc_html__('Content', 'elementor-image-hover-effects' ),
|
| 157 |
+
'tab' => Controls_Manager::TAB_STYLE,
|
| 158 |
+
]
|
| 159 |
+
);
|
| 160 |
+
|
| 161 |
+
$this->add_control(
|
| 162 |
+
'eihe_background_color',
|
| 163 |
+
[
|
| 164 |
+
'label' => esc_html__('Background', 'elementor-image-hover-effects' ),
|
| 165 |
+
'type' => Controls_Manager::COLOR,
|
| 166 |
+
'default' => '#000',
|
| 167 |
+
'scheme' => [
|
| 168 |
+
'type' => Scheme_Color::get_type(),
|
| 169 |
+
'value' => Scheme_Color::COLOR_1,
|
| 170 |
+
],
|
| 171 |
+
'selectors' => [
|
| 172 |
+
"{{WRAPPER}} .eihe-box,
|
| 173 |
+
{{WRAPPER}} .eihe-caption,
|
| 174 |
+
{{WRAPPER}} [class^='eihe-shutter-in-']:after,
|
| 175 |
+
{{WRAPPER}} [class^='eihe-shutter-in-']:before,
|
| 176 |
+
{{WRAPPER}} [class*=' eihe-shutter-in-']:after,
|
| 177 |
+
{{WRAPPER}} [class*=' eihe-shutter-in-']:before,
|
| 178 |
+
{{WRAPPER}} [class^='eihe-shutter-out-']:before,
|
| 179 |
+
{{WRAPPER}} [class*=' eihe-shutter-out-']:before,
|
| 180 |
+
{{WRAPPER}} [class^='eihe-reveal-']:before,
|
| 181 |
+
{{WRAPPER}} [class*=' eihe-reveal-']:before" => "background-color: {{VALUE}};",
|
| 182 |
+
]
|
| 183 |
+
]
|
| 184 |
+
);
|
| 185 |
+
|
| 186 |
+
$this->add_responsive_control(
|
| 187 |
+
'eihe_align',
|
| 188 |
+
[
|
| 189 |
+
'label' => esc_html__('Alignment', 'elementor-image-hover-effects'),
|
| 190 |
+
'type' => Controls_Manager::CHOOSE,
|
| 191 |
+
'options' => [
|
| 192 |
+
'flex-start' => [
|
| 193 |
+
'title' => esc_html__('Left', 'elementor-image-hover-effects'),
|
| 194 |
+
'icon' => 'fa fa-align-left',
|
| 195 |
+
],
|
| 196 |
+
'center' => [
|
| 197 |
+
'title' => esc_html__('Center', 'elementor-image-hover-effects'),
|
| 198 |
+
'icon' => 'fa fa-align-center',
|
| 199 |
+
],
|
| 200 |
+
'flex-end' => [
|
| 201 |
+
'title' => esc_html__('Right', 'elementor-image-hover-effects'),
|
| 202 |
+
'icon' => 'fa fa-align-right',
|
| 203 |
+
]
|
| 204 |
+
],
|
| 205 |
+
'default' => 'center',
|
| 206 |
+
'selectors' => [
|
| 207 |
+
'{{WRAPPER}} .eihe-caption' => 'align-items: {{VALUE}}'
|
| 208 |
+
]
|
| 209 |
+
]
|
| 210 |
+
);
|
| 211 |
+
|
| 212 |
+
$this->add_control(
|
| 213 |
+
'eihe_vertical_align',
|
| 214 |
+
[
|
| 215 |
+
'label' => __('Vertical Alignment', 'elementor-image-hover-effects'),
|
| 216 |
+
'type' => Controls_Manager::SELECT,
|
| 217 |
+
'default' => 'solid',
|
| 218 |
+
'options' => [
|
| 219 |
+
'flex-start' => __('Top', 'elementor-image-hover-effects'),
|
| 220 |
+
'center' => __('Middle', 'elementor-image-hover-effects'),
|
| 221 |
+
'flex-end' => __('Bottom', 'elementor-image-hover-effects'),
|
| 222 |
+
],
|
| 223 |
+
'default' => 'center',
|
| 224 |
+
'selectors' => [
|
| 225 |
+
'{{WRAPPER}} .eihe-caption' => 'justify-content: {{VALUE}}'
|
| 226 |
+
]
|
| 227 |
+
]
|
| 228 |
+
);
|
| 229 |
+
|
| 230 |
+
$this->add_control(
|
| 231 |
+
'eihe_padding',
|
| 232 |
+
[
|
| 233 |
+
'label' => esc_html__('Padding', 'elementor-image-hover-effects'),
|
| 234 |
+
'type' => Controls_Manager::DIMENSIONS,
|
| 235 |
+
'size_units' => ['px', '%'],
|
| 236 |
+
'default' => [
|
| 237 |
+
'top' => 30,
|
| 238 |
+
'right' => 30,
|
| 239 |
+
'bottom' => 30,
|
| 240 |
+
'left' => 30,
|
| 241 |
+
],
|
| 242 |
+
'selectors' => [
|
| 243 |
+
'{{WRAPPER}} .eihe-caption' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}'
|
| 244 |
+
]
|
| 245 |
+
]
|
| 246 |
+
);
|
| 247 |
+
|
| 248 |
+
$this->add_control(
|
| 249 |
+
'eihe_title_heading',
|
| 250 |
+
[
|
| 251 |
+
'label' => __('Title', 'elementor-image-hover-effects'),
|
| 252 |
+
'type' => Controls_Manager::HEADING,
|
| 253 |
+
'separator' => 'before',
|
| 254 |
+
]
|
| 255 |
+
);
|
| 256 |
+
|
| 257 |
+
$this->add_control(
|
| 258 |
+
'eihe_title_color',
|
| 259 |
+
[
|
| 260 |
+
'label' => __('Color', 'elementor-image-hover-effects'),
|
| 261 |
+
'type' => Controls_Manager::COLOR,
|
| 262 |
+
'scheme' => [
|
| 263 |
+
'type' => Scheme_Color::get_type(),
|
| 264 |
+
'value' => Scheme_Color::COLOR_1,
|
| 265 |
+
],
|
| 266 |
+
'default' => '#fff',
|
| 267 |
+
'selectors' => [
|
| 268 |
+
'{{WRAPPER}} .eihe-box .eihe-caption h3' => 'color: {{VALUE}}'
|
| 269 |
+
]
|
| 270 |
+
]
|
| 271 |
+
);
|
| 272 |
+
|
| 273 |
+
$this->add_group_control(
|
| 274 |
+
Group_Control_Typography::get_type(),
|
| 275 |
+
[
|
| 276 |
+
'name' => 'eihe_title_typography',
|
| 277 |
+
'label' => __('Typography', 'elementor-image-hover-effects'),
|
| 278 |
+
'scheme' => Scheme_Typography::TYPOGRAPHY_1
|
| 279 |
+
]
|
| 280 |
+
);
|
| 281 |
+
|
| 282 |
+
$this->add_control(
|
| 283 |
+
'eihe_description_heading',
|
| 284 |
+
[
|
| 285 |
+
'label' => __('Description', 'elementor-image-hover-effects'),
|
| 286 |
+
'type' => Controls_Manager::HEADING,
|
| 287 |
+
'separator' => 'before',
|
| 288 |
+
]
|
| 289 |
+
);
|
| 290 |
+
|
| 291 |
+
$this->add_control(
|
| 292 |
+
'eihe_description_color',
|
| 293 |
+
[
|
| 294 |
+
'label' => __('Color', 'elementor-image-hover-effects'),
|
| 295 |
+
'type' => Controls_Manager::COLOR,
|
| 296 |
+
'scheme' => [
|
| 297 |
+
'type' => Scheme_Color::get_type(),
|
| 298 |
+
'value' => Scheme_Color::COLOR_1,
|
| 299 |
+
],
|
| 300 |
+
'default' => '#fff',
|
| 301 |
+
'selectors' => [
|
| 302 |
+
'{{WRAPPER}} .eihe-box .eihe-caption p' => 'color: {{VALUE}}'
|
| 303 |
+
]
|
| 304 |
+
]
|
| 305 |
+
);
|
| 306 |
+
|
| 307 |
+
$this->add_group_control(
|
| 308 |
+
Group_Control_Typography::get_type(),
|
| 309 |
+
[
|
| 310 |
+
'name' => 'eihe_description_typography',
|
| 311 |
+
'label' => __('Typography', 'elementor-image-hover-effects'),
|
| 312 |
+
'scheme' => Scheme_Typography::TYPOGRAPHY_1
|
| 313 |
+
]
|
| 314 |
+
);
|
| 315 |
+
|
| 316 |
+
$this->end_controls_section();
|
| 317 |
+
|
| 318 |
+
$this->start_controls_section(
|
| 319 |
+
'eihe_image_style',
|
| 320 |
+
[
|
| 321 |
+
'label' => esc_html__('Image', 'elementor-image-hover-effects' ),
|
| 322 |
+
'tab' => Controls_Manager::TAB_STYLE,
|
| 323 |
+
]
|
| 324 |
+
);
|
| 325 |
+
|
| 326 |
+
$this->add_control(
|
| 327 |
+
'eihe_image_border_radius',
|
| 328 |
+
[
|
| 329 |
+
'label' => esc_html__('Border Radius', 'elementor-image-hover-effects'),
|
| 330 |
+
'type' => Controls_Manager::DIMENSIONS,
|
| 331 |
+
'size_units' => ['px', '%'],
|
| 332 |
+
'selectors' => [
|
| 333 |
+
'{{WRAPPER}} .eihe-box' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}'
|
| 334 |
+
]
|
| 335 |
+
]
|
| 336 |
+
);
|
| 337 |
+
|
| 338 |
+
$this->end_controls_section();
|
| 339 |
+
}
|
| 340 |
+
|
| 341 |
+
protected function render() {
|
| 342 |
+
|
| 343 |
+
$settings = $this->get_settings_for_display();
|
| 344 |
+
|
| 345 |
+
$this->add_inline_editing_attributes('eihe_title', 'none');
|
| 346 |
+
$this->add_inline_editing_attributes('eihe_description', 'none');
|
| 347 |
+
|
| 348 |
+
$target = $settings['eihe_link']['is_external'] ? ' target="_blank"' : '';
|
| 349 |
+
$nofollow = $settings['eihe_link']['nofollow'] ? ' rel="nofollow"' : '';
|
| 350 |
+
|
| 351 |
+
if (strlen($settings['eihe_link']['url']) > 0) {
|
| 352 |
+
?>
|
| 353 |
+
|
| 354 |
+
<a href="<?php echo $settings['eihe_link']['url']; ?>"<?php echo $target.$nofollow; ?>>
|
| 355 |
+
<div class="eihe-box <?php echo $settings['eihe_effect']; ?>">
|
| 356 |
+
<?php echo Group_Control_Image_Size::get_attachment_image_html($settings, 'eihe_thumbnail', 'eihe_image'); ?>
|
| 357 |
+
<div class="eihe-caption"><h3 <?php echo $this->get_render_attribute_string('eihe_title'); ?>><?php echo $settings['eihe_title']; ?></h3><p <?php echo $this->get_render_attribute_string('eihe_description'); ?>><?php echo $settings['eihe_description']; ?></p></div>
|
| 358 |
+
</div>
|
| 359 |
+
</a>
|
| 360 |
+
|
| 361 |
+
|
| 362 |
+
<?php } else { ?>
|
| 363 |
+
|
| 364 |
+
<div class="eihe-box <?php echo $settings['eihe_effect']; ?>">
|
| 365 |
+
<?php echo Group_Control_Image_Size::get_attachment_image_html($settings, 'eihe_thumbnail', 'eihe_image'); ?>
|
| 366 |
+
<div class="eihe-caption"><h3 <?php echo $this->get_render_attribute_string('eihe_title'); ?>><?php echo $settings['eihe_title']; ?></h3><p <?php echo $this->get_render_attribute_string('eihe_description'); ?>><?php echo $settings['eihe_description']; ?></p></div>
|
| 367 |
+
</div>
|
| 368 |
+
|
| 369 |
+
<?php }
|
| 370 |
+
}
|
| 371 |
+
|
| 372 |
+
protected function _content_template() {
|
| 373 |
+
?>
|
| 374 |
+
<#
|
| 375 |
+
var image = {
|
| 376 |
+
id: settings.eihe_image.id,
|
| 377 |
+
url: settings.eihe_image.url,
|
| 378 |
+
size: settings.eihe_thumbnail_size,
|
| 379 |
+
dimension: settings.eihe_thumbnail_custom_dimension,
|
| 380 |
+
model: view.getEditModel()
|
| 381 |
+
};
|
| 382 |
+
var image_url = elementor.imagesManager.getImageUrl(image);
|
| 383 |
+
|
| 384 |
+
var target = settings.eihe_link.is_external ? ' target="_blank"' : '';
|
| 385 |
+
var nofollow = settings.eihe_link.nofollow ? ' rel="nofollow"' : '';
|
| 386 |
+
|
| 387 |
+
view.addInlineEditingAttributes('eihe_title', 'none');
|
| 388 |
+
view.addInlineEditingAttributes('eihe_description', 'none');
|
| 389 |
+
|
| 390 |
+
if (settings.eihe_link.url.length > 0) {
|
| 391 |
+
#>
|
| 392 |
+
|
| 393 |
+
<a href="{{{ settings.eihe_link.url }}}"{{ target }}{{ nofollow }}>
|
| 394 |
+
<div class="eihe-box {{{ settings.eihe_effect }}}">
|
| 395 |
+
<img src="{{{ image_url }}}" />
|
| 396 |
+
<div class="eihe-caption"><h3 {{{ view.getRenderAttributeString('eihe_title') }}}>{{{ settings.eihe_title }}}</h3><p {{{ view.getRenderAttributeString('eihe_description') }}}>{{{ settings.eihe_description }}}</p></div>
|
| 397 |
+
</div>
|
| 398 |
+
</a>
|
| 399 |
+
|
| 400 |
+
<# } else { #>
|
| 401 |
+
|
| 402 |
+
<div class="eihe-box {{{ settings.eihe_effect }}}">
|
| 403 |
+
<img src="{{{ image_url }}}" />
|
| 404 |
+
<div class="eihe-caption"><h3 {{{ view.getRenderAttributeString('eihe_title') }}}>{{{ settings.eihe_title }}}</h3><p {{{ view.getRenderAttributeString('eihe_description') }}}>{{{ settings.eihe_description }}}</p></div>
|
| 405 |
+
</div>
|
| 406 |
+
|
| 407 |
+
<# } #>
|
| 408 |
+
|
| 409 |
+
<?php
|
| 410 |
+
}
|
| 411 |
+
|
| 412 |
+
}
|
| 413 |
+
Plugin::instance()->widgets_manager->register_widget_type( new Elementor_Image_Hover_Effects_EIHE() );
|
readme.txt
CHANGED
|
@@ -1,11 +1,11 @@
|
|
| 1 |
=== Image Hover Effects Addon for Elementor ===
|
| 2 |
Contributors: blocksera, crypto4ever
|
| 3 |
-
Donate Link: https://blocksera.com/wordpress-plugins/image-hover-effects-elementor
|
| 4 |
Tags: elementor, elementor addon, elementor image hover effects, image hover effects, hover effects
|
| 5 |
Requires PHP: 5.2.4
|
| 6 |
Requires at least: 4.0
|
| 7 |
Tested up to: 4.9.6
|
| 8 |
-
Stable tag: 1.
|
| 9 |
License: GPLv2 or later
|
| 10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 11 |
|
|
@@ -23,6 +23,8 @@ You can add 40+ Image hover effects with title and descriptions in a simple way
|
|
| 23 |
* Center the text horizontally.
|
| 24 |
* Control the spaces between elements.
|
| 25 |
|
|
|
|
|
|
|
| 26 |
with this elementor addon plugin, you can show your title and description with various entry animations.
|
| 27 |
|
| 28 |
**Image Hover Effects List**
|
|
@@ -87,6 +89,14 @@ with this elementor addon plugin, you can show your title and description with v
|
|
| 87 |
|
| 88 |
== Changelog ==
|
| 89 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 90 |
= 1.0 =
|
| 91 |
* Initial version
|
| 92 |
|
| 1 |
=== Image Hover Effects Addon for Elementor ===
|
| 2 |
Contributors: blocksera, crypto4ever
|
| 3 |
+
Donate Link: https://blocksera.com/wordpress-plugins/image-hover-effects-addon-for-elementor/
|
| 4 |
Tags: elementor, elementor addon, elementor image hover effects, image hover effects, hover effects
|
| 5 |
Requires PHP: 5.2.4
|
| 6 |
Requires at least: 4.0
|
| 7 |
Tested up to: 4.9.6
|
| 8 |
+
Stable tag: 1.1
|
| 9 |
License: GPLv2 or later
|
| 10 |
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
| 11 |
|
| 23 |
* Center the text horizontally.
|
| 24 |
* Control the spaces between elements.
|
| 25 |
|
| 26 |
+
[SEE DEMO](https://blocksera.com/wordpress-plugins/image-hover-effects-addon-for-elementor/)
|
| 27 |
+
|
| 28 |
with this elementor addon plugin, you can show your title and description with various entry animations.
|
| 29 |
|
| 30 |
**Image Hover Effects List**
|
| 89 |
|
| 90 |
== Changelog ==
|
| 91 |
|
| 92 |
+
= 1.1 =
|
| 93 |
+
* Removed columns control
|
| 94 |
+
* Added support for iOS devices
|
| 95 |
+
* Added link feature
|
| 96 |
+
* Inline editing
|
| 97 |
+
* Change image size
|
| 98 |
+
* Center align text by default
|
| 99 |
+
|
| 100 |
= 1.0 =
|
| 101 |
* Initial version
|
| 102 |
|
widgets/eihe-image-hover.php
DELETED
|
@@ -1,419 +0,0 @@
|
|
| 1 |
-
<?php
|
| 2 |
-
namespace Elementor;
|
| 3 |
-
|
| 4 |
-
// Exit if accessed directly.
|
| 5 |
-
if ( ! defined( 'ABSPATH' ) ) exit;
|
| 6 |
-
|
| 7 |
-
class Elementor_Image_Hover_Effects_EIHE extends Widget_Base {
|
| 8 |
-
|
| 9 |
-
public function get_name() {
|
| 10 |
-
return 'e_image_hover_effects';
|
| 11 |
-
}
|
| 12 |
-
|
| 13 |
-
public function get_title() {
|
| 14 |
-
return esc_html__( 'Image Hover Effects', 'eihe-lang' );
|
| 15 |
-
}
|
| 16 |
-
|
| 17 |
-
public function get_icon() {
|
| 18 |
-
return 'fa fa-picture-o';
|
| 19 |
-
}
|
| 20 |
-
|
| 21 |
-
public function get_categories() {
|
| 22 |
-
return [ 'eihe_widget' ];
|
| 23 |
-
}
|
| 24 |
-
|
| 25 |
-
protected function _register_controls() {
|
| 26 |
-
|
| 27 |
-
$this->start_controls_section(
|
| 28 |
-
'eihe_content_settings',
|
| 29 |
-
[
|
| 30 |
-
'label' => esc_html__( 'Content Settings', 'elementor-image-hover-effects' ),
|
| 31 |
-
'tab' => Controls_Manager::TAB_CONTENT,
|
| 32 |
-
]
|
| 33 |
-
);
|
| 34 |
-
|
| 35 |
-
$this->add_control(
|
| 36 |
-
'eihe_content_options',
|
| 37 |
-
[
|
| 38 |
-
'type' => Controls_Manager::REPEATER,
|
| 39 |
-
'seperator' => 'before',
|
| 40 |
-
'default' => [
|
| 41 |
-
[ 'eihe_title' => esc_html__( 'Title', 'elementor-image-hover-effects' ) ],
|
| 42 |
-
[ 'eihe_title' => esc_html__( 'Title', 'elementor-image-hover-effects' ) ],
|
| 43 |
-
[ 'eihe_title' => esc_html__( 'Title', 'elementor-image-hover-effects' ) ],
|
| 44 |
-
],
|
| 45 |
-
'fields' => [
|
| 46 |
-
[
|
| 47 |
-
'name' => 'eihe_title',
|
| 48 |
-
'label' => esc_html__( 'Title', 'elementor-image-hover-effects' ),
|
| 49 |
-
'type' => Controls_Manager::TEXT,
|
| 50 |
-
'default' => esc_html__( 'Title', 'elementor-image-hover-effects' ),
|
| 51 |
-
],
|
| 52 |
-
[
|
| 53 |
-
'name' => 'eihe_description',
|
| 54 |
-
'label' => esc_html__( 'Description', 'elementor-image-hover-effects' ),
|
| 55 |
-
'type' => Controls_Manager::TEXTAREA,
|
| 56 |
-
'default' => esc_html__( 'Description', 'elementor-image-hover-effects' ),
|
| 57 |
-
],
|
| 58 |
-
[
|
| 59 |
-
'name' => 'eihe_image',
|
| 60 |
-
'label' => esc_html__( 'Upload Image', 'elementor-image-hover-effects' ),
|
| 61 |
-
'description' => esc_html__( 'Select an image for the Banner', 'elementor-image-hover-effects' ),
|
| 62 |
-
'type' => Controls_Manager::MEDIA,
|
| 63 |
-
'default' => [
|
| 64 |
-
'url' => Utils::get_placeholder_image_src()
|
| 65 |
-
],
|
| 66 |
-
'show_external' => true
|
| 67 |
-
]
|
| 68 |
-
],
|
| 69 |
-
'title_field' => '{{eihe_title}}',
|
| 70 |
-
]
|
| 71 |
-
);
|
| 72 |
-
$this->end_controls_section();
|
| 73 |
-
|
| 74 |
-
$this->start_controls_section(
|
| 75 |
-
'eihe_general_settings',
|
| 76 |
-
[
|
| 77 |
-
'label' => esc_html__( 'General Settings', 'elementor-image-hover-effects' ),
|
| 78 |
-
'tab' => Controls_Manager::TAB_CONTENT,
|
| 79 |
-
]
|
| 80 |
-
);
|
| 81 |
-
|
| 82 |
-
$this->add_control(
|
| 83 |
-
'eihe_hover_style',
|
| 84 |
-
[
|
| 85 |
-
'label' => esc_html__( 'Effects', 'elementor-image-hover-effects' ),
|
| 86 |
-
'type' => Controls_Manager::SELECT,
|
| 87 |
-
'default' => 'imghvr-fade',
|
| 88 |
-
'options' => [
|
| 89 |
-
'imghvr-fade' => esc_html__( 'Fade', 'elementor-image-hover-effects' ),
|
| 90 |
-
'imghvr-slide-up' => esc_html__( 'Slide Up', 'elementor-image-hover-effects' ),
|
| 91 |
-
'imghvr-slide-down' => esc_html__( 'Slide Down', 'elementor-image-hover-effects' ),
|
| 92 |
-
'imghvr-slide-left' => esc_html__( 'Slide Left', 'elementor-image-hover-effects' ),
|
| 93 |
-
'imghvr-slide-right' => esc_html__( 'Slide Right', 'elementor-image-hover-effects' ),
|
| 94 |
-
'imghvr-reveal-up' => esc_html__( 'Reveal Up', 'elementor-image-hover-effects' ),
|
| 95 |
-
'imghvr-reveal-down' => esc_html__( 'Reveal Down', 'elementor-image-hover-effects' ),
|
| 96 |
-
'imghvr-reveal-left' => esc_html__( 'Reveal Left', 'elementor-image-hover-effects' ),
|
| 97 |
-
'imghvr-reveal-right' => esc_html__( 'Reveal Right', 'elementor-image-hover-effects' ),
|
| 98 |
-
'imghvr-push-up' => esc_html__( 'Push Up', 'elementor-image-hover-effects' ),
|
| 99 |
-
'imghvr-push-down' => esc_html__( 'Push Down', 'elementor-image-hover-effects' ),
|
| 100 |
-
'imghvr-push-left' => esc_html__( 'Push Left', 'elementor-image-hover-effects' ),
|
| 101 |
-
'imghvr-push-right' => esc_html__( 'Push Right', 'elementor-image-hover-effects' ),
|
| 102 |
-
'imghvr-hinge-up' => esc_html__( 'Hinge Up', 'elementor-image-hover-effects' ),
|
| 103 |
-
'imghvr-hinge-down' => esc_html__( 'Hinge Down', 'elementor-image-hover-effects' ),
|
| 104 |
-
'imghvr-hinge-left' => esc_html__( 'Hinge Left', 'elementor-image-hover-effects' ),
|
| 105 |
-
'imghvr-hinge-right' => esc_html__( 'Hinge Right', 'elementor-image-hover-effects' ),
|
| 106 |
-
'imghvr-flip-horiz' => esc_html__( 'Flip Horizontal', 'elementor-image-hover-effects' ),
|
| 107 |
-
'imghvr-flip-vert' => esc_html__( 'Flip Vertical', 'elementor-image-hover-effects' ),
|
| 108 |
-
'imghvr-flip-diag-1' => esc_html__( 'Flip Dialog 1', 'elementor-image-hover-effects' ),
|
| 109 |
-
'imghvr-flip-diag-2' => esc_html__( 'Flip Dialog 2', 'elementor-image-hover-effects' ),
|
| 110 |
-
'imghvr-shutter-out-horiz' => esc_html__( 'Shutter Out Horizontal', 'elementor-image-hover-effects' ),
|
| 111 |
-
'imghvr-shutter-out-vert' => esc_html__( 'Shutter Out Vertical', 'elementor-image-hover-effects' ),
|
| 112 |
-
'imghvr-shutter-out-diag-1' => esc_html__( 'Shutter Out Dialog 1', 'elementor-image-hover-effects' ),
|
| 113 |
-
'imghvr-shutter-out-diag-2' => esc_html__( 'Shutter Out Dialog 2', 'elementor-image-hover-effects' ),
|
| 114 |
-
'imghvr-shutter-in-horiz' => esc_html__( 'Shutter In Horizontal', 'elementor-image-hover-effects' ),
|
| 115 |
-
'imghvr-shutter-in-vert' => esc_html__( 'Shutter In Vertical', 'elementor-image-hover-effects' ),
|
| 116 |
-
'imghvr-shutter-in-out-horiz' => esc_html__( 'Shutter In Out Horizontal', 'elementor-image-hover-effects' ),
|
| 117 |
-
'imghvr-shutter-in-out-vert' => esc_html__( 'Shutter In Out Vertical', 'elementor-image-hover-effects' ),
|
| 118 |
-
'imghvr-shutter-in-out-diag-1' => esc_html__( 'Shutter In Out Dialog 1', 'elementor-image-hover-effects' ),
|
| 119 |
-
'imghvr-shutter-in-out-diag-2' => esc_html__( 'Shutter In Out Dialog 2', 'elementor-image-hover-effects' ),
|
| 120 |
-
'imghvr-fold-up' => esc_html__( 'Fold Up', 'elementor-image-hover-effects' ),
|
| 121 |
-
'imghvr-fold-down' => esc_html__( 'Fold Down', 'elementor-image-hover-effects' ),
|
| 122 |
-
'imghvr-fold-left' => esc_html__( 'Fold Left', 'elementor-image-hover-effects' ),
|
| 123 |
-
'imghvr-fold-right' => esc_html__( 'Fold Right', 'elementor-image-hover-effects' ),
|
| 124 |
-
'imghvr-zoom-in' => esc_html__( 'Zoom In', 'elementor-image-hover-effects' ),
|
| 125 |
-
'imghvr-zoom-out' => esc_html__( 'Zoom Out', 'elementor-image-hover-effects' ),
|
| 126 |
-
'imghvr-zoom-out-up' => esc_html__( 'Zoom Out Up', 'elementor-image-hover-effects' ),
|
| 127 |
-
'imghvr-zoom-out-down' => esc_html__( 'Zoom Out Down', 'elementor-image-hover-effects' ),
|
| 128 |
-
'imghvr-zoom-out-left' => esc_html__( 'Zoom Out Left', 'elementor-image-hover-effects' ),
|
| 129 |
-
'imghvr-zoom-out-right' => esc_html__( 'Zoom Out Right', 'elementor-image-hover-effects' ),
|
| 130 |
-
'imghvr-zoom-out-flip-vert' => esc_html__( 'Zoom Out Flip Vertical', 'elementor-image-hover-effects' ),
|
| 131 |
-
'imghvr-zoom-out-flip-horiz' => esc_html__( 'Zoom Out Flip Horizontal', 'elementor-image-hover-effects' ),
|
| 132 |
-
'imghvr-blur' => esc_html__( 'Blur', 'elementor-image-hover-effects' ),
|
| 133 |
-
],
|
| 134 |
-
]
|
| 135 |
-
);
|
| 136 |
-
$this->add_responsive_control(
|
| 137 |
-
'eihe_columns',
|
| 138 |
-
[
|
| 139 |
-
'label' => esc_html__('Columns per row', 'elementor-image-hover-effects'),
|
| 140 |
-
'type' => Controls_Manager::NUMBER,
|
| 141 |
-
'min' => 1,
|
| 142 |
-
'max' => 5,
|
| 143 |
-
'step' => 1,
|
| 144 |
-
'default' => 3,
|
| 145 |
-
]
|
| 146 |
-
);
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
$this->add_responsive_control(
|
| 150 |
-
'eihe-text-align',
|
| 151 |
-
[
|
| 152 |
-
'label' => esc_html__( 'Alignment', 'elementor' ),
|
| 153 |
-
'type' => Controls_Manager::CHOOSE,
|
| 154 |
-
'options' => [
|
| 155 |
-
'left' => [
|
| 156 |
-
'title' => esc_html__( 'Left', 'elementor' ),
|
| 157 |
-
'icon' => 'fa fa-align-left',
|
| 158 |
-
],
|
| 159 |
-
'center' => [
|
| 160 |
-
'title' => esc_html__( 'Center', 'elementor' ),
|
| 161 |
-
'icon' => 'fa fa-align-center',
|
| 162 |
-
],
|
| 163 |
-
'right' => [
|
| 164 |
-
'title' => esc_html__( 'Right', 'elementor' ),
|
| 165 |
-
'icon' => 'fa fa-align-right',
|
| 166 |
-
]
|
| 167 |
-
],
|
| 168 |
-
'default' => 'left',
|
| 169 |
-
'selectors' => [
|
| 170 |
-
'{{WRAPPER}} .eihe-container' => 'text-align: {{VALUE}};',
|
| 171 |
-
]
|
| 172 |
-
]
|
| 173 |
-
);
|
| 174 |
-
|
| 175 |
-
$this->end_controls_section();
|
| 176 |
-
|
| 177 |
-
$this->start_controls_section(
|
| 178 |
-
'eihe_grid_style',
|
| 179 |
-
[
|
| 180 |
-
'label' => esc_html__('Box', 'elementor-image-hover-effects' ),
|
| 181 |
-
'tab' => Controls_Manager::TAB_STYLE,
|
| 182 |
-
]
|
| 183 |
-
);
|
| 184 |
-
|
| 185 |
-
$this->add_control(
|
| 186 |
-
'eihe_overlay_color',
|
| 187 |
-
[
|
| 188 |
-
'label' => esc_html__('Overlay', 'elementor-image-hover-effects' ),
|
| 189 |
-
'type' => Controls_Manager::COLOR,
|
| 190 |
-
'default' => '#000',
|
| 191 |
-
'scheme' => [
|
| 192 |
-
'type' => Scheme_Color::get_type(),
|
| 193 |
-
'value' => Scheme_Color::COLOR_1,
|
| 194 |
-
],
|
| 195 |
-
'selectors' => [
|
| 196 |
-
"{{WRAPPER}} .eihe-layer,
|
| 197 |
-
{{WRAPPER}} .eihe-box,
|
| 198 |
-
{{WRAPPER}} .eihe-container [class^='imghvr-shutter-in-']:after,
|
| 199 |
-
{{WRAPPER}} .eihe-container [class^='imghvr-shutter-in-']:before,
|
| 200 |
-
{{WRAPPER}} .eihe-container [class*=' imghvr-shutter-in-']:after,
|
| 201 |
-
{{WRAPPER}} .eihe-container [class*=' imghvr-shutter-in-']:before,
|
| 202 |
-
{{WRAPPER}} .eihe-container [class^='imghvr-shutter-out-']:before,
|
| 203 |
-
{{WRAPPER}} .eihe-container [class*=' imghvr-shutter-out-']:before,
|
| 204 |
-
{{WRAPPER}} .eihe-container [class^='imghvr-reveal-']:before,
|
| 205 |
-
{{WRAPPER}} .eihe-container [class*=' imghvr-reveal-']:before" => "background-color: {{VALUE}};",
|
| 206 |
-
]
|
| 207 |
-
]
|
| 208 |
-
);
|
| 209 |
-
|
| 210 |
-
$this->add_responsive_control(
|
| 211 |
-
'eihe_margin',
|
| 212 |
-
[
|
| 213 |
-
'label' => esc_html__( 'Grid Outer Gap', 'elementor-image-hover-effects' ),
|
| 214 |
-
'type' => Controls_Manager::SLIDER,
|
| 215 |
-
'range' => [
|
| 216 |
-
'px' => [
|
| 217 |
-
'min' => 0,
|
| 218 |
-
'max' => 200,
|
| 219 |
-
],
|
| 220 |
-
],
|
| 221 |
-
'default' => [
|
| 222 |
-
'size' => 10,
|
| 223 |
-
'unit' => 'px',
|
| 224 |
-
],
|
| 225 |
-
'selectors' => [
|
| 226 |
-
'{{WRAPPER}} .eihe-columns .eihe-box' => 'margin-left: {{SIZE}}{{UNIT}}; margin-right: {{SIZE}}{{UNIT}};',
|
| 227 |
-
],
|
| 228 |
-
]
|
| 229 |
-
);
|
| 230 |
-
$this->add_responsive_control(
|
| 231 |
-
'eihe_margin_bottom',
|
| 232 |
-
[
|
| 233 |
-
'label' => esc_html__( 'Grid Outer Bottom Gap', 'elementor-image-hover-effects' ),
|
| 234 |
-
'type' => Controls_Manager::SLIDER,
|
| 235 |
-
'range' => [
|
| 236 |
-
'px' => [
|
| 237 |
-
'min' => 0,
|
| 238 |
-
'max' => 200,
|
| 239 |
-
],
|
| 240 |
-
],
|
| 241 |
-
'default' => [
|
| 242 |
-
'size' => 20,
|
| 243 |
-
'unit' => 'px',
|
| 244 |
-
],
|
| 245 |
-
'selectors' => [
|
| 246 |
-
'{{WRAPPER}} .eihe-columns .eihe-box' => 'margin-bottom: {{SIZE}}{{UNIT}};',
|
| 247 |
-
],
|
| 248 |
-
]
|
| 249 |
-
);
|
| 250 |
-
$this->add_responsive_control(
|
| 251 |
-
'eihe_padding',
|
| 252 |
-
[
|
| 253 |
-
'label' => esc_html__( 'Grid Inner Gap', 'elementor-image-hover-effects' ),
|
| 254 |
-
'type' => Controls_Manager::SLIDER,
|
| 255 |
-
'range' => [
|
| 256 |
-
'px' => [
|
| 257 |
-
'min' => 0,
|
| 258 |
-
'max' => 200,
|
| 259 |
-
],
|
| 260 |
-
],
|
| 261 |
-
'default' => [
|
| 262 |
-
'size' => 20,
|
| 263 |
-
'unit' => 'px',
|
| 264 |
-
],
|
| 265 |
-
'selectors' => [
|
| 266 |
-
'{{WRAPPER}} .eihe-columns .eihe-info' => 'padding-left: {{SIZE}}{{UNIT}}; padding-right: {{SIZE}}{{UNIT}};',
|
| 267 |
-
],
|
| 268 |
-
]
|
| 269 |
-
);
|
| 270 |
-
$this->add_responsive_control(
|
| 271 |
-
'eihe_padding_top',
|
| 272 |
-
[
|
| 273 |
-
'label' => esc_html__( 'Grid Inner Top Gap', 'elementor-image-hover-effects' ),
|
| 274 |
-
'type' => Controls_Manager::SLIDER,
|
| 275 |
-
'range' => [
|
| 276 |
-
'px' => [
|
| 277 |
-
'min' => 0,
|
| 278 |
-
'max' => 200,
|
| 279 |
-
],
|
| 280 |
-
],
|
| 281 |
-
'default' => [
|
| 282 |
-
'size' => 20,
|
| 283 |
-
'unit' => 'px',
|
| 284 |
-
],
|
| 285 |
-
'selectors' => [
|
| 286 |
-
'{{WRAPPER}} .eihe-columns .eihe-info' => 'padding-top: {{SIZE}}{{UNIT}};',
|
| 287 |
-
],
|
| 288 |
-
]
|
| 289 |
-
);
|
| 290 |
-
|
| 291 |
-
$this->add_responsive_control(
|
| 292 |
-
'eihe_style_border_radius',
|
| 293 |
-
[
|
| 294 |
-
'label' => esc_html__( 'Border Radius', 'elementor-image-hover-effects' ),
|
| 295 |
-
'type' => Controls_Manager::DIMENSIONS,
|
| 296 |
-
'size_units' => [ 'px', '%' ],
|
| 297 |
-
'selectors' => [
|
| 298 |
-
'{{WRAPPER}} .eihe-columns .eihe-box, {{WRAPPER}} .eihe-columns .eihe-info, {{WRAPPER}} .eihe-columns .eihe-image img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
|
| 299 |
-
],
|
| 300 |
-
]
|
| 301 |
-
);
|
| 302 |
-
|
| 303 |
-
$this->end_controls_section();
|
| 304 |
-
|
| 305 |
-
$this->start_controls_section(
|
| 306 |
-
'eihe_title_style',
|
| 307 |
-
[
|
| 308 |
-
'label' => esc_html__('Title', 'elementor-image-hover-effects' ),
|
| 309 |
-
'tab' => Controls_Manager::TAB_STYLE,
|
| 310 |
-
]
|
| 311 |
-
);
|
| 312 |
-
|
| 313 |
-
|
| 314 |
-
$this->add_control(
|
| 315 |
-
'eihe_title_color',
|
| 316 |
-
[
|
| 317 |
-
'label' => esc_html__('Color', 'elementor-image-hover-effects' ),
|
| 318 |
-
'type' => Controls_Manager::COLOR,
|
| 319 |
-
'default' => '#fff',
|
| 320 |
-
'scheme' => [
|
| 321 |
-
'type' => Scheme_Color::get_type(),
|
| 322 |
-
'value' => Scheme_Color::COLOR_1,
|
| 323 |
-
],
|
| 324 |
-
'selectors' => [
|
| 325 |
-
'{{WRAPPER}} .eihe-info h2' => 'color: {{VALUE}};',
|
| 326 |
-
]
|
| 327 |
-
]
|
| 328 |
-
);
|
| 329 |
-
|
| 330 |
-
|
| 331 |
-
$this->add_group_control(
|
| 332 |
-
Group_Control_Typography::get_type(),
|
| 333 |
-
[
|
| 334 |
-
'name' => 'eihe_title_typo',
|
| 335 |
-
'scheme' => Scheme_Typography::TYPOGRAPHY_1,
|
| 336 |
-
'selector' => '{{WRAPPER}} .eihe-info h2',
|
| 337 |
-
]
|
| 338 |
-
);
|
| 339 |
-
|
| 340 |
-
$this->end_controls_section();
|
| 341 |
-
|
| 342 |
-
$this->start_controls_section(
|
| 343 |
-
'eihe_desc_style',
|
| 344 |
-
[
|
| 345 |
-
'label' => esc_html__('Description', 'elementor-image-hover-effects' ),
|
| 346 |
-
'tab' => Controls_Manager::TAB_STYLE,
|
| 347 |
-
]
|
| 348 |
-
);
|
| 349 |
-
|
| 350 |
-
$this->add_control(
|
| 351 |
-
'eihe_desc_color',
|
| 352 |
-
[
|
| 353 |
-
'label' => esc_html__('Color', 'elementor-image-hover-effects' ),
|
| 354 |
-
'type' => Controls_Manager::COLOR,
|
| 355 |
-
'default' => '#fff',
|
| 356 |
-
'scheme' => [
|
| 357 |
-
'type' => Scheme_Color::get_type(),
|
| 358 |
-
'value' => Scheme_Color::COLOR_1,
|
| 359 |
-
],
|
| 360 |
-
'selectors' => [
|
| 361 |
-
'{{WRAPPER}} .eihe-info p' => 'color: {{VALUE}};',
|
| 362 |
-
]
|
| 363 |
-
]
|
| 364 |
-
);
|
| 365 |
-
|
| 366 |
-
$this->add_group_control(
|
| 367 |
-
Group_Control_Typography::get_type(),
|
| 368 |
-
[
|
| 369 |
-
'name' => 'eihe_desc_typo',
|
| 370 |
-
'scheme' => Scheme_Typography::TYPOGRAPHY_1,
|
| 371 |
-
'selector' => '{{WRAPPER}} .eihe-info p',
|
| 372 |
-
]
|
| 373 |
-
);
|
| 374 |
-
|
| 375 |
-
$this->end_controls_section();
|
| 376 |
-
}
|
| 377 |
-
|
| 378 |
-
protected function render() {
|
| 379 |
-
|
| 380 |
-
$settings = $this->get_settings_for_display();
|
| 381 |
-
|
| 382 |
-
echo '<div class="eihe-container" data-hover="'.$settings['eihe_hover_style'].'" data-col="'.$settings['eihe_columns'].'">';
|
| 383 |
-
|
| 384 |
-
foreach ($settings['eihe_content_options'] as $eihe_each) :?>
|
| 385 |
-
|
| 386 |
-
<div class="eihe-columns">
|
| 387 |
-
<div class="eihe-box <?php echo $settings['eihe_hover_style'] ; ?>">
|
| 388 |
-
<img src="<?php echo $eihe_each['eihe_image']['url']; ?>" />
|
| 389 |
-
<div class="eihe-layer"></div>
|
| 390 |
-
<div class="eihe-info"><h2><?php echo $eihe_each['eihe_title']; ?> </h2><p><?php echo $eihe_each['eihe_description']; ?></p></div>
|
| 391 |
-
</div>
|
| 392 |
-
</div>
|
| 393 |
-
|
| 394 |
-
<?php endforeach;
|
| 395 |
-
|
| 396 |
-
echo '</div>';
|
| 397 |
-
}
|
| 398 |
-
|
| 399 |
-
|
| 400 |
-
protected function _content_template() {
|
| 401 |
-
?>
|
| 402 |
-
<div class="eihe-container" data-hover="{{{ settings.eihe_hover_style }}}" data-col="{{{ settings.eihe_columns }}}">
|
| 403 |
-
<#
|
| 404 |
-
if ( settings.eihe_content_options ) {
|
| 405 |
-
_.each( settings.eihe_content_options, function( item, index ) { #>
|
| 406 |
-
<div class="eihe-columns">
|
| 407 |
-
<div class="eihe-box {{{ settings.eihe_hover_style }}}">
|
| 408 |
-
<img src="{{{ item.eihe_image.url }}}" />
|
| 409 |
-
<div class="eihe-layer"></div>
|
| 410 |
-
<div class="eihe-info"><h2>{{{ item.eihe_title }}}</h2><p>{{{ item.eihe_description }}}</p></div>
|
| 411 |
-
</div>
|
| 412 |
-
</div>
|
| 413 |
-
<# });
|
| 414 |
-
} #>
|
| 415 |
-
</div>
|
| 416 |
-
<?php
|
| 417 |
-
}
|
| 418 |
-
}
|
| 419 |
-
Plugin::instance()->widgets_manager->register_widget_type( new Elementor_Image_Hover_Effects_EIHE() );
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
