要在CSS中创建动态效果，可以使用伪类选择器和过渡属性。以下是一些常用的技术：
:hover伪类选择器：当鼠标悬停在元素上时触发，可以用来显示隐藏元素或改变元素的样式。transition属性：用于指定元素的过渡效果，可以使元素的样式更加平滑地改变。opacity属性：用于控制元素的不透明度，可以用来实现淡入淡出的效果。transform属性：用于指定元素的变换效果，例如旋转、缩放、倾斜等。以下是一些常见的示例代码：
/* 鼠标悬停时显示隐藏元素 */
.hidden-element {
display: none;
}
.visible-element:hover + .hidden-element {
display: block;
}
/* 背景颜色过渡 */
.transition-element {
background-color: #f00;
transition: background-color 0.5s ease;
}
.transition-element:hover {
background-color: #0f0;
}
/* 淡入淡出效果 */
.fade-element {
opacity: 0;
transition: opacity 0.5s ease;
}
.fade-element:hover {
opacity: 1;
}
/* 旋转效果 */
.rotate-element {
transform: rotate(0deg);
transition: transform 0.5s ease;
}
.rotate-element:hover {
transform: rotate(180deg);
}需要注意的是，以上代码中的关键词包括:hover、transition、opacity和transform，它们对应着CSS中的伪类选择器、过渡属性、不透明度属性和变换属性。