css实现悬浮卡片折叠动画效果代码
代码语言:html
所属分类:悬停
代码描述:css实现悬浮卡片折叠动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css"> <style> *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } body { position: relative; background-color: #393c3f; background-image: repeating-linear-gradient(-45deg, transparent 25%, rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0.25) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.25) 75%); background-size: 0.25em 0.25em; } div { width: 9em; height: 9em; margin: -4.5em 0 0 -4.5em; position: absolute; top: 50%; left: 50%; border-radius: 0.313em; box-shadow: inset 0 0 0 10em rgba.........完整代码请登录后点击上方下载按钮下载查看
网友评论0