jquery实现带入场出场动画的步骤表单效果代码
代码语言:html
所属分类:表单美化
代码描述:jquery实现带入场出场动画的步骤表单效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet"> <style> html { background: radial-gradient(#FFF176, #F57F17); min-height: 100%; font-family: "Roboto", sans-serif; } .title { text-transform: uppercase; text-align: center; margin-bottom: 30px; color: #FF8F00; font-weight: 300; font-size: 24px; letter-spacing: 1px; } .description { text-align: center; color: #666; margin-bottom: 30px; } input[type=text], input[type=email] { padding: 10px 20px; border: 1px solid #999; border-radius: 3px; display: block; width: 100%; margin-bottom: 20px; box-sizing: border-box; outline: none; } input[type=text]:focus, input[type=email]:focus { border-color: #FF6F00; } input[type=radio] { margin-right: 10px; } label { margin-bottom: 20px; display: block; font-size: 18px; color: #666; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; cursor: pointer; } label:first-child { margin-bottom: 0; border-bottom: none; } .button, .........完整代码请登录后点击上方下载按钮下载查看
网友评论0