原生js实现文字翻转显示动画
代码语言:html
所属分类:动画
代码描述:原生js实现文字翻转显示动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> @import url(https://fonts.googleapis.com/css?family=Open+Sans:600); body { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 40px; } .text { position: absolute; width: 450px; left: 50%; margin-left: -225px; height: 40px; top: 50%; margin-top: -20px; } p { display: inline-block; vertical-align: top; margin: 0; } .word { position: absolute; width: 220px; opacity: 0; } .letter { display: inline-block; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0