/* 使用@font-face定义自定义字体 */ @font-face { font-family: "myFont"; src: url("myFont.ttf"); } /* 使用border-radius定义圆角 */ div { border-radius: 5px; } /* 使用box-shadow定义阴影效果 */ div { box-shadow: 5px 5px 5px #c3c3c3; } /* 使用rgba定义半透明颜色 */ div { background-color: rgba(255, 255, 255, 0.5); } /* 使用transition定义过渡效果 */ div { transition: background-color 1s ease-in-out; } /* 使用transform定义变换效果 */ div:hover { transform: rotate(360deg); }
以上只是CSS3的一小部分特性,它们不仅能够改善网站的视觉效果,同时也能够提高用户体验。在网页设计中充分利用CSS3的功能,可以让您的网站更加吸引人,更具互动性。