Html 无边距悬停大小的CSS

Html 无边距悬停大小的CSS,html,css,hover,size,margin,Html,Css,Hover,Size,Margin,目前,我正试图让我的导航栏元素在鼠标上方更大。但当我把鼠标移到他们身上时,网站的其他部分都有点下移,看起来很糟糕。 有没有一种方法可以使导航栏中的文本变大而不影响网站的其他元素 nav{ 文本对齐:居中; 边缘顶部:20px; 保证金底部:-4px; } .导航{ 文字装饰:无; 颜色:黑色; 文本转换:大写; 字号:600; 填充物:5px; 字体系列:calibri; 垫顶:2件; 过渡性质:全部; 过渡时间:500ms; } .导航:悬停{ 字体大小:130%; 不透明度:0.6; }

目前,我正试图让我的导航栏元素在鼠标上方更大。但当我把鼠标移到他们身上时,网站的其他部分都有点下移,看起来很糟糕。 有没有一种方法可以使导航栏中的文本变大而不影响网站的其他元素

nav{
文本对齐:居中;
边缘顶部:20px;
保证金底部:-4px;
}
.导航{
文字装饰:无;
颜色:黑色;
文本转换:大写;
字号:600;
填充物:5px;
字体系列:calibri;
垫顶:2件;
过渡性质:全部;
过渡时间:500ms;
}
.导航:悬停{
字体大小:130%;
不透明度:0.6;
}
.LLHashtag{
宽度:370px;
保证金:0自动;
文本对齐:居中;
文字装饰:无;
边缘顶部:5px;
字体大小:50px;
文本转换:大写;
字号:600;
颜色:黑色;
边框顶部:纯黑2件;
字体系列:“helvetica Neue”;
字体大小:400;
}


#Lifeetics
是的,您可以对导航栏上的文本使用css转换,例如
转换:缩放(1.2)

这不会影响页面上的其他内容
您还需要
显示:内联块
将此规则应用于标题链接

nav{
文本对齐:居中;
边缘顶部:20px;
保证金底部:-4px;
}
.导航{
文字装饰:无;
颜色:黑色;
文本转换:大写;
字号:600;
填充物:5px;
字体系列:calibri;
垫顶:2件;
过渡性质:变换;
过渡时间:500ms;
显示:内联块;
}
.导航:悬停{
不透明度:0.6;
转换:比例(1.2);
背面可见性:隐藏;
}
.LLHashtag{
宽度:370px;
保证金:0自动;
文本对齐:居中;
文字装饰:无;
边缘顶部:5px;
字体大小:50px;
文本转换:大写;
字号:600;
颜色:黑色;
边框顶部:纯黑2件;
字体系列:“helvetica Neue”;
字体大小:400;
}


#Lifeetics
您可以尝试使用
变换:比例(1.2)
。不要忘了用你想要的比例更改
1.2

请附上你的代码?你应该先发布代码请附上代码。我希望它能满足你的要求。对不起,它根本不起作用。我添加了我的代码,所以您可能可以看到问题所在。@Jahrens然后您需要提供最小的工作示例(html+css)。最简单的方法是使用
编辑问题
表单中的
添加代码段
按钮谢谢,我已经插入了它。@Jahrens-yw,您可能还想添加背面可见性:隐藏;那么文本转换就更好了
.element:hover{
   transform: scale(1.2);
}