Thank you very much, @Stan . You are helping me with each problem. I really appreciate it. I have tried switching overflow to visible and it really works, yes. But this time the pic gets beyond the main div (as now, I have published the current version already). What can you suggest me to solve this case?
Simplest solution is to wrap each image in div element give it a class eg. img__w and set overflow: hidden(NOT ON IMAGE IT SELF) it should work and have desired effect.
HI @parvizbayram I have give you solution how it should be done from day one for asked issue. When a new element is introduced you have to adjust styling for rest. I have to go now but if you will be not able adjust style for title element I will look on it this evening but IMO it is just simple task you can manage.
I totally understand you and have applied already.
The image is in a separate div (overflow is hidden). But I have switched the overflow of the main div (me-icon-set) to visible.
It has started working but remains only one little thing. The current problem is when you launch the website showing this item looks like on the screenshot below (only the title is showing).
Hello, @Stan . Thank you very much! The information in the video is really really beneficial and insightful. Thank you for your time and such a long and detailed video. But I had a little different problem. There was animation for soon projects in this order:
Hide the project description.
Blur the project’s image
Black overlay with %50 opacity
Soon text
When I tried it, I got the result in my last screenshot: the grid item has been hidden. I didn’t find a solution, and because of it, I had to simplify the hover animation.
2nd question:
I tried your method with classes during the initial tries, but I got the next result: for example, when I was hovering over the illustration project, I was seeing the hover animation on the branding project as well, and vice versa. Because of it, I separated all hover items into different classes. How did you cope with it? I didn’t see this certain point in the video.
So sorry, but there wasn’t a solution to the blur effect issue in the video. But in your read-only link, it is resolved. But I can’t see how did you do it. I can’t see the structure. Anyway, thank you!
hi @parvizbayram like I have wrote I did exactly you asked for as you haven’t be able to add blur filter for some reason. Now you do not need to do anything but study it how it is done.
What you do not see in read-only project. What structure you are talking about ???
I have already delete it as it was not essential to original request. Why you need a video? All you need is in read only link. I can do new video but I do not know what else you need to explain. Another option is to DM me Zoom link and we can have chat about it.