mandeep Posted October 15, 2023 Posted October 15, 2023 (edited) On my Squarespace website I use Blogposts on different pages. I would like the individual post to transform; scale to 1.05 on a hover. Could you help me out with this? I also want this on the bottom of the project page, this is a different section: Summary Blog, I also want the post to scale 1.05 on hover. i will try my self but make any solution for this. https://www.kentin.net/cases?category=advertising check attachment pls Edited October 15, 2023 by mandeep Mandeep Rajasthani Squarespace Website Designer Contact me: mandeeprajasthan@gmail.com
tuanphan Posted October 17, 2023 Posted October 17, 2023 Hi, Scale whole item or scale image only? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Frick74 Posted October 21, 2023 Posted October 21, 2023 On 10/18/2023 at 12:55 AM, tuanphan said: Hi, Scale whole item or scale image only? Hi Tuanphan, we need it on the whole item. We were not able to do this. thanks Dutch Photographer trying to build his own fantastic website!
tuanphan Posted October 24, 2023 Posted October 24, 2023 On 10/21/2023 at 2:04 PM, Frick74 said: Hi Tuanphan, we need it on the whole item. We were not able to do this. thanks Can you share link to your page where you use summary box? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Frick74 Posted October 24, 2023 Posted October 24, 2023 Hi Tuanphan, we managed to enlarge the items on hover in the summary. You can find an example on this page, scroll all the way down to the end of the page and you find the summary. https://www.kentin.net/cases/40jaar-adrizoon The problem we have is with the masonry blog section. We can't target the specific classes. You can find an example of a page overhere. https://www.kentin.net/cases?tag=selected The summaries on the pages are created with a combination of categories and tags. The masonry blog section are only created with tags. It is a pretty complicated setup with the categories and tags, but it works, but the css targeting isn't working. In the attachments there are some screen dumps of the summary and masonry blog. Thanks! ps: if you have any questions please let me know Dutch Photographer trying to build his own fantastic website!
tuanphan Posted October 27, 2023 Posted October 27, 2023 With Masonry, difficult to do scale, if you use transform scale, it will break layout (Masonry used transform: translate to build layout, if you use transform scale, it will override transform translate and layout will break) You can try, you will see problem div.blog-masonry article:hover { transform: scale(1.05) !important; transition: .5s; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Frick74 Posted October 27, 2023 Posted October 27, 2023 (edited) Thanks Tuanphan, I appreciate it and it's clear to me what the problem is. I used 'scale' to get a similar effect, it's isn't perfect like 'transform: scale, but if gives the hover some movement. I can only use it with a small amount, because it isn't working from the middle, I thinks it's scales from the top-left of the total masonry. div.blog-masonry article:hover { scale:1.002; } Thanks again Kind regards Edited October 27, 2023 by Frick74 tuanphan 1 Dutch Photographer trying to build his own fantastic website!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment