css实现一个文字三维扭转动画效果代码
代码语言:html
所属分类:动画
代码描述:css实现一个文字三维扭转动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #d52a2a; color: #ebeb47; } ul { overflow: hidden; perspective: 900px; list-style: none; height: 100vh; max-height: 800px; min-height: 400px; text-align: center; } @keyframes width-sway { 0%, 100% { width: 500px; } 50% { width: 100%; } } li { position: absolute; top: 0; width: 100%; transform: transla.........完整代码请登录后点击上方下载按钮下载查看
网友评论0