slick可拖动轮播评论卡片效果代码-html代码-BFW代码库

slick可拖动轮播评论卡片效果代码

代码语言：html

所属分类：幻灯片

代码描述：slick可拖动轮播评论卡片效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

<style type="text/css">
.no-fouc {
	display: none;
}
</style>

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/slick.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/slick-theme.css">
  
<style>
/* Slick Slider */


body {
   margin: 0;
  padding: 0;
  height: 100%;
	font-family: sans-serif;
  background: linear-gradient(to bottom, #2d91c2 0%,#1e528e 100%)
}

/* Borrowed the H1 format from Miss Tiff from Jersey.
   https://codepen.io/tmrDevelops/pen/qENbLZ
*/
h1 {
 
 width: 100%;
  text-align: center;
  margin-top:50px;
  color:hsla(360, 45%, 95%, .9);
 
  letter-spacing: .8em;
  font-size:2.5vw;
  font-weight: normal;
  opacity: .2;
  text-transform: uppercase;
  text-shadow: hsla(0, 45%, 5%, .3) 0 0 1px, hsla(360, 55%, 95%, .3) 0 -1px 2px,  hsla(0, 45%, 5%, .3) 0 -1px 2px, hsla(360, 55%, 95%, .3) 0 20px 15px;
  
}
section {
	width: 60%;
	margin: 70px auto;
   
}

/* Simple Slider */
.white-back{
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	background: #fff;
}
.simple blockquote p {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #1e528e;
	padding: 25px;
	font-size: 1.25em;
	font-style: italic;
	text-align: center;
}
.simple cite {
	font-size: 1em;
	float: right;
	font-style: normal;
	color: #1e528e;
}
.simple cite a {
	color: #2d91c2;
	font-style: italic;
	text-decoration: none;
	font-size:.85em;
}
.simple cite a:hover {
	color: #00B4CC;
}
/* A custom cursor to let folks know they can drag things */

.simple blockquote p, .bubble blockquote {
	cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCA.........完整代码请登录后点击上方下载按钮下载查看