PHP前端开发

action在css中的用法

百变鹏仔 3个月前 (09-19) #CSS
文章标签 action
css 中 action 关键字用于定义鼠标悬停或激活元素时的行为,语法:element:action { style-property: value; }。它可以应用于 :hover 和 :active 伪类,用于创建交互效果,如更改元素外观、显示隐藏元素或启动动画。

action 在 CSS 中的用法

action 关键字在 CSS 中用于定义鼠标悬停和激活元素时的行为。它指定在指定事件发生时应用的样式。

语法:

element:action {  style-property: value;}

事件:

立即学习“前端免费学习笔记(深入)”;

用法:

action 关键字可用于创建各种交互效果,例如:

button:hover {  background-color: #00FF00;}
a:active {  border: 1px solid #FF0000;}
h1:hover {  font-size: 1.5em;  font-weight: bold;}
.hidden:hover {  display: block;}
.my-element:active {  animation: my-animation 2s infinite;}

注意: