Search the Community
Showing results for tags 'effects'.
Found 2 results
I have previously used the code on another clients website to have the images grow on hover as per this article: https://www.pareto-design.com/the-blog/2016/4/19/squarespace-thumbnail-image-hover-effects However, when I apply to a site I'm building now in 7.1 it doesn't seem to work - I'm looking at doing it for the top 6 circle icons on this page here: https://www.brewtown.co.nz/
So I found these really cool CSS Hover effects that I would like to use. There are 10 versions and they are really easy to implement thanx to the original authors great tutorial. The only issue seems to be that a few of the effects, including the one I would really like to use does not seem to be touch device friendly. It wouldn't be so bad if the hover effect and text didn't work but they kept the click to linked page but even the link does not work. They just become dead picture that do nothing when touched. (Not: have only tested on a iPad/iPhone but I assume it effects all touch type inputs). Here is the linke to the examples: http://tympanus.net/Tutorials/OriginalHoverEffects/index10.html# Number 10 is the one I would like to use so I am looking for input to see if there is a way to make it "touch friendly" or if anyone else has a similar one that works 100%. I am looking to replace the current version I currently have on my page that only has the "enlarge" aspect to it, but would like a version that allows me to add text. Site to be used on is www.ahsonoz.com. Of course as I have written else where my dream solution would be to have a index like approach from the flatiron template built into a template like five.