纯css实现一个幻灯片效果
代码语言:html
所属分类:幻灯片
代码描述:纯css实现一个幻灯片效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body { background: linear-gradient(-45deg, #83a4d4, #b6fbff); font-family: 'Open Sans', sans-serif; } h1 { text-align: center; } h1, aside, .container { margin: 0 auto 20px; max-width: 500px; } .container { border-radius: 5px; margin: 0 auto; position: relative; transition: box-shadow 200ms; } .container:hover { box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.25); } .slideshow { position: relative; width: 100%; } .sl.........完整代码请登录后点击上方下载按钮下载查看
网友评论0