Html 使水平分割中的多个斜线图像可单击
我不确定我的问题的标题是否恰当，但这是我能做的最好的：） 我正在尝试创建一个包含多个图像的水平条，其中所有图像都与下一个倾斜。。（参见此图） 我甚至不确定是否可以使用CSS。。（即使当它向上和向下扩展时是可能的……） 我希望水平条中的每张图片都可以点击。。AKA：如果你将武士悬停，会出现：悬停效果，并且可以点击（a href:）…像这样Html 使水平分割中的多个斜线图像可单击,html,css,Html,Css,我不确定我的问题的标题是否恰当，但这是我能做的最好的：） 我正在尝试创建一个包含多个图像的水平条，其中所有图像都与下一个倾斜。。（参见此图） 我甚至不确定是否可以使用CSS。。（即使当它向上和向下扩展时是可能的……） 我希望水平条中的每张图片都可以点击。。AKA：如果你将武士悬停，会出现：悬停效果，并且可以点击（a href:）…像这样 正文{ 保证金：0 } 续{ 宽度：80%； 身高：70%； 显示器：flex； 透视图：1000px； 位置：绝对位置； 左：50%； 最高：50%； 转
正文{
保证金：0
}
续{
宽度：80%；
身高：70%；
显示器：flex；
透视图：1000px；
位置：绝对位置；
左：50%；
最高：50%；
转换：翻译（-50%，-50%）；
显示器：flex；
}
续{
显示：块；
身高：100%；
弹性：1；
背景尺寸：封面；
变换：倾斜（25度）；
位置：相对位置；
溢出：隐藏；
}
.续a：：之前{
显示：块；
内容：“；
位置：绝对位置；
排名：0；
底部：0；
左-50%；
右图：-50%；
变换：倾斜（-25度）；
背景尺寸：封面；
背景：url（“https://picsum.photos/600/700");
位置：绝对位置；
}
续：第n个孩子（2）：：之前{
背景：url（“https://picsum.photos/600/740");
}
续：第n个孩子（3）：：之前{
背景：url（“https://picsum.photos/600/720");
}
续：第n个孩子（4）：：之前{
背景：url（“https://picsum.photos/600/750");
}