/* 首先，大家得有一个HTML代码。下面的代码是一个简单的div */ <div> <p>This is a sample text.</p> </div>
上述代码是一个简单的文本框。大家想制作出一个鼠标放在文本框上时会改变背景颜色的特效。那么，大家该怎么做呢？
/* 大家使用hover选择器来制作鼠标放在文本框上时的特效 */
div:hover {
background-color: pink;
}通过以上代码，大家就制作出了一个简单的CSS特效。当鼠标放在文本框上时，它的背景颜色将会变成粉色。
接下来，大家可以使用CSS3来制作更加炫酷、独特的特效。
比如说，大家想制作一个文本框被点击时，出现一个光晕特效。可以使用box-shadow属性。
/* 首先设置文本框的样式 */
div {
width: 200px;
height: 100px;
background-color: white;
border: 1px solid gray;
text-align: center;
line-height: 100px;
cursor: pointer;
}
/* 然后设置被点击后的光晕效果 */
div:active {
box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
}通过以上代码，大家就可以制作出一个当文本框被点击时，会有一个白色的光晕特效。
以上仅仅是CSS特效的冰山一角，通过学习CSS特效，大家可以制作出更多更炫酷的特效，让网站变得更加吸引人。