我正在用html/css做一个投资组合页面,在基本级别上我用pseudo-class做了一个带有动画效果的按钮:下面是我的html,css代码。第一个
当我点击一个按钮,正如你所看到的,动画效果是发生给边距时,我点击(:活动)按钮。但手机图像和白色横幅也得到了动画效果!!我考虑过边距塌陷。但是判断不是因为上下边框没有重叠。我也尝试过给一些额外的边距。(.showBtn上的注解代码)但是..它不起作用,而是阴影效果变奇怪了。我也想知道为什么阴影效果变奇怪了。我不知道为什么会发生这种情况。
nhaq1z211#
问题:您的"html结构对象"彼此交互。你可以用css解决它太多的方式。但你要知道:"正确的方法只有少数。"这样对你更好:'了解有关CSS详细信息'例如:选项1:分离你的主要对象,并给他们一些高度和宽度。将它们放置在右侧和左侧。//但是你必须给他们一个响应行为。//您将需要一些css经验。选项2:让你的英雄形象"绝对"而不是"块"。//您将需要一些css知识'如flex'来'很好地'放置它//学习'flex'。选项3:您可以将图像用作div的背景图像。//并使用一些响应行为使其包含、调整大小和放置。//它将永远不会与其他html元素交互。选项4:使用网格来分隔html对象,以避免彼此交互。//学习网格。//========================================================================================================================================================================================================================================================如果你不想只在今天存钱...检查其他类似的html/css代码示例。找出相似但React灵敏的方法。//========================================================================================================================================================================================================================================================
1条答案
按热度按时间nhaq1z211#
问题:您的"html结构对象"彼此交互。
你可以用css解决它太多的方式。
但你要知道:"正确的方法只有少数。"
这样对你更好:'了解有关CSS详细信息'
例如:
选项1:分离你的主要对象,并给他们一些高度和宽度。
将它们放置在右侧和左侧。
//但是你必须给他们一个响应行为。
//您将需要一些css经验。
选项2:让你的英雄形象"绝对"而不是"块"。
//您将需要一些css知识'如flex'来'很好地'放置它
//学习'flex'。
选项3:您可以将图像用作div的背景图像。
//并使用一些响应行为使其包含、调整大小和放置。
//它将永远不会与其他html元素交互。
选项4:使用网格来分隔html对象,以避免彼此交互。
//学习网格。
//========================================================================================================================================================================================================================================================
如果你不想只在今天存钱...
检查其他类似的html/css代码示例。
找出相似但React灵敏的方法。
//========================================================================================================================================================================================================================================================