Html 转换CSS属性不';t与<;a>;要素
我想Html 转换CSS属性不';t与<;a>;要素,html,css,css-transforms,Html,Css,Css Transforms,我想缩放(x,y)my使用display:block并为其指定高度和宽度 a{ 背景颜色:绿色; 颜色:白色; 填充:10px 20px; 文字装饰:无; 边框:2px实心#85ADFF; 边界半径:30px 10px; 过渡:2个都容易进入; 显示:块; 宽度:100px; 高度:50px; } a:悬停{ 变换:比例(2,2); } 不适用于内联元素,如 可转换元素是以下类别之一的元素: 一种元素,其布局由CSS框模型控制,CSS框模型是块级或原子内联级元素,或其显示 属性计算为表行、
缩放(x,y)
my使用
display:block
并为其指定高度和宽度
a{
背景颜色:绿色;
颜色:白色;
填充:10px 20px;
文字装饰:无;
边框:2px实心#85ADFF;
边界半径:30px 10px;
过渡:2个都容易进入;
显示:块;
宽度:100px;
高度:50px;
}
a:悬停{
变换:比例(2,2);
}
不适用于内联元素,如
可转换元素是以下类别之一的元素:
- 一种元素,其布局由CSS框模型控制,CSS框模型是块级或原子内联级元素,或其显示
属性计算为表行、表行组、表标题组,
表尾组、表单元格或表标题[…]
其中要素包括:
替换了内联级别元素、内联块元素和
内联表元素
此外,CSS中没有可用的点击状态。可能的选项有:active
或:hover
,或使用
a{
背景颜色:绿色;
颜色:白色;
填充:10px 20px;
文字装饰:无;
边框:2px实心#85ADFF;
边界半径:30px 10px;
过渡:所有2;
display:inline block;/*谢谢……运行正常。
<html>
<head>
<title>CSS3 Transform and Transition</title>
<style>
a{
background-color: green;
color: white;
padding: 10px 20px;
text-decoration: none;
border: 2px solid #85ADFF;
border-radius: 30px 10px;
transition: 2s;
}
a:hover{
transform: scale(2,2);
}
</style>
</head>
<body>
<center><a href="xyz.html">click here</a></center>
</body>
</html>
a { display: inline-block; }
a:hover { transform: scale(2,2); }