纯css实现幻灯片效果
代码语言:html
所属分类:幻灯片
代码描述:纯css实现幻灯片效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body{ font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 15px; line-height: 1.7; color: #343434; background-color: #f1f2f6; overflow-x: hidden; } a { cursor: pointer; } a:hover { text-decoration: none; } .section{ position: relative; width: 100%; display: block; } .full-height{ min-height: 100vh; } .over-hide{ overflow: hidden; } .padding-tb{ padding: 100px 0; } [type="radio"]:checked, [type="radio"]:not(:checked){ position: absolute; left: -9999px; } .checkbox:checked + label, .checkbox:not(:checked) + label{ position: relative; cursor: pointer; margin: 0 auto; text-align: center; margin-right: 6px; margin-left: 6px; display: inline-block; width: 50px; height: 50px; border: 3px solid #bdc3c7; background-size: cover; background-position: center; box-sizing: bo.........完整代码请登录后点击上方下载按钮下载查看
网友评论0