js实现鼠标悬浮菜单图片跟随显示效果代码
代码语言:html
所属分类:悬停
代码描述:js实现鼠标悬浮菜单图片跟随显示效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Rubik&display=swap" rel="stylesheet"> <style> body { background-color: rgb(10, 10, 10); margin: 0px; overflow: hidden; } nav { display: flex; flex-direction: column; margin-top: 20vh; padding: clamp(1rem, 5vw, 6rem); } nav > a { color: rgba(255, 255, 255, 0.25); font-family: "Open Sans", sans-serif; font-size: clamp(3rem, 8vw, 10rem); font-weight: 300; text-decoration: none; position: relative; } nav > a:hover { color: white; } nav > a > span { display: block; border-bottom: 1px solid transpa.........完整代码请登录后点击上方下载按钮下载查看
网友评论0