画廊 hover 效果，将图像移出 div 边界
[英]gallery hover effect, moving images out of div boundareis
问题描述
I want to create a gallery for my portfolio, and here is a design:
我想为我的作品集创建一个画廊，这是一个设计：
So the green square represents bg img, it should zoom on hover, and I have no problem with it.所以绿色方块代表bg img，它应该放大hover，我没有问题。 Red square is the logo, it should change size, position, and rotate a bit, same goes for blue square.红色方块是标志，它应该改变大小，position，并旋转一点，蓝色方块也是如此。 I have a problem making this work, cause red and blue squares go outside the red one.我在完成这项工作时遇到问题，导致红色和蓝色方块 go 在红色方块之外。 Any ideas?有任何想法吗？
2 个解决方案
解决方案1
1 2021-03-12 09:50:08
I want to create a gallery for my portfolio, and here is a design:我想为我的作品集创建一个画廊，这是一个设计：
So the green square represents bg img, it should zoom on hover, and I have no problem with it.所以绿色方块代表bg img，它应该放大hover，我没有问题。 Red square is the logo, it should change size, position, and rotate a bit, same goes for blue square.红色方块是标志，它应该改变大小，position，并旋转一点，蓝色方块也是如此。 I have a problem making this work, cause red and blue squares go outside the red one.我在完成这项工作时遇到问题，导致红色和蓝色方块 go 在红色方块之外。 Any ideas?有任何想法吗？
解决方案2
1 已采纳 2021-03-12 10:12:55
I want to create a gallery for my portfolio, and here is a design:我想为我的作品集创建一个画廊，这是一个设计：
So the green square represents bg img, it should zoom on hover, and I have no problem with it.所以绿色方块代表bg img，它应该放大hover，我没有问题。 Red square is the logo, it should change size, position, and rotate a bit, same goes for blue square.红色方块是标志，它应该改变大小，position，并旋转一点，蓝色方块也是如此。 I have a problem making this work, cause red and blue squares go outside the red one.我在完成这项工作时遇到问题，导致红色和蓝色方块 go 在红色方块之外。 Any ideas?有任何想法吗？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.