个人网站
这是一个个人网站的主页。
导航栏
页面内容
这个页面使用了CSS3动画制作了一个闪烁的效果。页面上有一个名为“spotlight”的元素,它是一个黑色背景、白色文字的块级元素,使用了@keyframes
规则定义了一个名为“pulsate”的动画。当“spotlight”元素被激活时(即具有.show
类),它的透明度会在0%和50%之间切换,从而产生闪烁的效果。
在页面底部,还提供了一些链接,包括“首页”、“关于我”、“项目”和“联系我”。每个链接都指向不同的HTML文件,用于展示不同的页面内容。
页面样式
在这个个人网站中,使用了CSS3的一些新特性来增强页面的视觉效果和交互性。例如,使用了position:fixed
属性来固定“spotlight”元素的位置,使其始终显示在屏幕中央;使用overflow:hidden
属性来隐藏超出“spotlight”元素边界的内容;使用pointer-events:none
属性来禁止鼠标事件穿透“spotlight”元素等。此外,还使用了transition
属性来为动画添加过渡效果,使得动画更加平滑流畅。