Change Photo
Upload Photo
Brighton
Greyson
Saeppia
Overley
How to use
Effect 1
Effect 2
Effect 3
Effect 4
Effect 5
Effect 6
Effect 7
Effect 8
Effect 9
Effect 10
Effect 11
Effect 12
Effect 13
Effect 14
Effect 15
Effect 100
Effect 101
Effect 102
Effect 103
Effect 104
Effect 105
Effect 106
Effect 107
Effect 108
Effect 109
Effect 110
Effect 111
Effect 112
Effect 113
Effect 114
Effect 115
Effect 116
Effect 117
Effect 118
Effect 119
Effect 120
Effect 121
Effect 122
Effect 123
Effect 124
Effect 125
Effect 126
Effect 127
Effect 128
Effect 129
Effect 130
Effect 131
Effect 132
Effect 133
Effect 134
Effect 135
Effect 200
Effect 201
Effect 202
Effect 203
Effect 204
Effect 205
Effect 206
Effect 207
Effect 208
Effect 209
Effect 210
Effect 211
Effect 212
Effect 213
Effect 214
Effect 215
Effect 216
Effect 217
Effect 218
Effect 219
Effect 220
Effect 221
Effect 222
Effect 223
Effect 224
Effect 225
Effect 226
Effect 227
Effect 228
Effect 229
Effect 230
Effect 231
Effect 232
Effect 233
Effect 234
Effect 235
Effect 236
Effect 237
Effect 238
Effect 239
Effect 240
Effect 241
Effect 242
Effect 243
Effect 244
Effect 245
Effect 246
Effect 247
Effect 248
Effect 249
Effect 250
Effect 251
Effect 252
Effect 253
Effect 300
Effect 301
Effect 302
Effect 303
Effect 304
Effect 305
Effect 306
Effect 307
Effect 308
Effect 309
Effect 310
Effect 311
Effect 312
Effect 313
Effect 314
Effect 315
Effect 316
Effect 317
Effect 318
Effect 319
Effect 320
Effect 321
Effect 322
Effect 323
Effect 324
Effect 325
Effect 326
Effect 327
Effect 328
Effect 329
Effect 330
Effect 331
Effect 332
Effect 333
Effect 334
Effect 335
Effect 336
Effect 337
Effect 338
Effect 339
Effect 340
Effect 341
Effect 342
Effect 343
Effect 344
Effect 345
Effect 346
Effect 347
Effect 348
Effect 349
Effect 350
Include effects.css in HEAD tag

Basic HTML structure The {NUMBER} must be chosen from the available ones. Example:
This will apply the "effect201" to the image.


HTML structure for effects with Overlays (Overley effects) As you can see, you just need to add the "overlay" tag inside the "div".


The effects can be always active or can triggered on hover. To do that you need to add the "effect-hover" class. Or remove the effect on hover by adding the class "effect-hover-reverse".


NOTE: The effects are not stackable.