T
by scarab13designs, taniafi786
1 (0 reviews)
Tilt Photo Hover Effect
Generating the Tilt Photo Hover Effect's shortcode via icon/write yourself in the text editor of blog post or page quickly and easily.
Tested up to WP 4.8 (Current: 6.9.1)
vtrunk
Current Version vtrunk
Updated 7 years ago
Last Update on 04 Mar, 2018
Refreshed 9 hours ago
Last Refreshed on
Rank
#37,583
-2797 this week
Active Installs
10+
-28.6%
KW Avg Position
N/A
—
No change
Downloads
1.3K
+1 today
Support Resolved
0%
—
No change
Rating
20%
Review 1 out of 5
1
(0 reviews)
Next Milestone 20
10+
20+
12,862
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 6 more installs to reach 20+
Rank Changes
Current
#37,583
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
1.0
0 reviews
Overall
20%
5
0
(0%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
0
(0%)
Tracked Keywords
Showing 0 of 0| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| No keyword data available yet. | ||||
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- trunk
- Last Updated
- Mar 04, 2018
- Requires WP
- 3.2+
- Tested Up To
- 4.8
- PHP Version
- N/A
- Author
- scarab13designs, taniafi786
Support & Rating
- Rating
- ★ ☆ ☆ ☆ ☆ 1
- Reviews
- 0
- Support Threads
- 0
- Resolved
- 0%
Frequently Asked Questions
Common questions about Tilt Photo Hover Effect
In short, you can make a visually pleasurable, interactive image effects, white different than with other “hover” effects. This one will tilt images following your mouse movement and create extra ‘onion skin’ layers in a lower opacity to animate.
– Browse for image in seconds, – Choose one of 3 effects to apply, – Adjust movement, rotation, (X,Y and Z), – Add Link URL’s (on click), – Add Border (of any thickness), – Optionally start as grayscale until rolled over, – Resize to ANY size, – Fit inside the space provided or Crop, – Stay inside or move outside the defined area, and more…
– Browse for image in seconds, – Choose one of 3 effects to apply, – Adjust movement, rotation, (X,Y and Z), – Add Link URL’s (on click), – Add Border (of any thickness), – Optionally start as grayscale until rolled over, – Resize to ANY size, – Fit inside the space provided or Crop, – Stay inside or move outside the defined area, and more…
I saw a futuristic poster - hologram demonstrated by a vendor, looking just like the regular wall poster but this one would change and move as you pass by it. I loved the effect and thought about how cool would be to generate something similar as a WP plugin.
Honestly, you should try to throw as many different formats and files at it and check out. Pretty much if you can load it- it will tilt it. As you can see in our test demo site (http://downloadsoho.com/smooth-image-effect-demo/), it looks beautiful when applied to Cinemagraphs (animated Gifs), single images, sets of thumbnails, or just on a transparent .png that floats on top of a parallax background (as in the header image shown there)
I think you should experiment and find even more cool effects with extreme settings. Maybe it can perform some undiscovered magic if pushed to the limits:)
We will be revisiting the plugin, adjusting it to the new WP versions, browsers, etc. If there are glitches in performances, we will be addressing them. We may even add more options in future. You will be notified every time there is an update available:)
Installation Instructions
Here’s how to make the plugin work for your publications.
1. Download and activate the plugin through the Plugins menu in WordPress admin.
2. Generating the shortcode via button in the page or post text editor.
3. Instead of generating, you can write shortcodes yourself easily by giving below attributes
shortcode: [wpdp_effect]
Attributes:
'url' => 'http://example.com/sample-image/default.jpg',
'effect' => 'one',
'grayscale' => 'no',
'move_x' => '-15',
'move_y' => '-15',
'move_z' => '20',
'rotate_x' => '15',
'rotate_y' => '15',
'rotate_z' => '10',
'opacity' => '0.5',
'extra_imgs' => '4',
'overflow' => 'visible',
'width' => '300px',
'height' => '300px',
'fitscreen' => 'no',
'link' => '#',
'border' => '1px',
'target' => '_self'
extra_imgs (Extra Images / Layer) :
Minimum value of extra_imgs is '1' and the maximum number of extra_imgs is '5'.
overflow:
'visible' : Extra images on mouse hover will be sticking out from the border.
'hidden' : Extra images on mouse hover will not b sticking out from the border.
width:
for adjusting the width of the image (e.g "300px")
height:
for adjusting the height of the image (e.g "300px")
fitscreen:
for adjusting the whole image in a box. (e.g "yes")
Have questions or feedback?
Visit our Help Center to learn more.
Installation Instructions
Here’s how to make the plugin work for your publications.
1. Download and activate the plugin through the Plugins menu in WordPress admin.
2. Generating the shortcode via button in the page or post text editor.
3. Instead of generating, you can write shortcodes yourself easily by giving below attributes
shortcode: [wpdp_effect]
Attributes:
'url' => 'http://example.com/sample-image/default.jpg',
'effect' => 'one',
'grayscale' => 'no',
'move_x' => '-15',
'move_y' => '-15',
'move_z' => '20',
'rotate_x' => '15',
'rotate_y' => '15',
'rotate_z' => '10',
'opacity' => '0.5',
'extra_imgs' => '4',
'overflow' => 'visible',
'width' => '300px',
'height' => '300px',
'fitscreen' => 'no',
'link' => '#',
'border' => '1px',
'target' => '_self'
extra_imgs (Extra Images / Layer) :
Minimum value of extra_imgs is '1' and the maximum number of extra_imgs is '5'.
overflow:
'visible' : Extra images on mouse hover will be sticking out from the border.
'hidden' : Extra images on mouse hover will not b sticking out from the border.
width:
for adjusting the width of the image (e.g "300px")
height:
for adjusting the height of the image (e.g "300px")
fitscreen:
for adjusting the whole image in a box. (e.g "yes")
Have questions or feedback?
Visit our Help Center to learn more.