SOURCE

(()=>{let h=42;let d=(n)=>Math.floor(Math.random()*n);let k=(c)=>{let s=document.createElement('style');if(!!(window.attachEvent && !window.opera)){s.styleSheet.cssText=c;}else{s.appendChild(document.createTextNode(c));}document.getElementsByTagName('head')[0].appendChild(s);};k('@keyframes u{0%{transform:rotate(0deg);}25%{transform:rotate(10deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-10deg);}100%{transform:rotate(0deg);}};');k('@keyframes m{0%{margin-top:2vh;opacity:0;}20%{opacity:1.0;margin-top:0vh;margin-left:0vw;transform:rotate('+d(90)+'deg);}100%{opacity:0.4;margin-top:100vh;margin-left:'+d(4)+'vw;transform:rotate(1080deg);}};');let w=document.createElement('div');w.id='daWorld';w.style='animation:u 60s ease-in infinite;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;';document.body.appendChild(w);while(h--){let o=document.createElement('div');o.style=`pointer-events:none;opacity:0;animation:m ${d(14)+6}s ease-in ${d(4000)}ms infinite;z-index:1000;position:fixed;top:${d(40)}vh;left:${d(100)}vw;font-size:${d(40)+20}px;color:${['#d00','#e66','#fcc'][d(3)]};`;o.innerHTML=['♡','♥'][d(2)];w.appendChild(o);}})()

<div class="container">
<div class="row">
  <div class="col-sm-12 col-md-12 col-lg-12">
<div id="myCarousel" class="carousel slide" >
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="http://d6.yihaodianimg.com/N01/M05/01/C5/CgQIzVPftWSAGbnrAATT6bCbZIc72500.jpg" >
			<div class="carousel-caption">娱娱乐圈好事连连看</div>
		</div>
		<div class="item">
			<img src="http://d6.yihaodianimg.com/N03/M00/BB/60/CgQCtFPZJ4iAAGGEAANc4-6DQ9M42700.jpg">
			<div class="carousel-caption">和喜欢的人天长地久是一件非常好的事情。好希望能一辈子靠在你的肩膀上！</div>
		</div>
		<div class="item">
			<img src="http://n1.itc.cn/img8/wb/recom/2016/05/12/146298643352294609.JPEG"></div>
		</div>
   
			<div class="carousel-caption"></div>
		</div>
   
	<!-- 轮播（Carousel）导航 -->
	<a class="carousel-control left" href="#myCarousel" 
	   data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#myCarousel" 
	   data-slide="next">&rsaquo;</a>
</div></div>
    <div class="col-sm-12 col-md-12 col-lg-12">

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: #f0f0f4;
  background-image: url(http://davealger.info/i/squares.png);
  background-position: bottom;
  animation: 12s linear 0s infinite bp;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-caption，.item{
  font-size:30px;
  color:brown;
  text-align:center;
}


@keyframes bp {
  0% {
    background-color: ivory;
    background-position:  200px 0;
  }
  25% {
    background-color: white;
    background-position:  150px 50px;
  }
  50% {
    background-color: ivory;
    background-position:  100px 100px;
  }
  75% {
    background-color: white;
    background-position:  50px 150px;
  }
  100% {
    background-color: ivory;
    background-position:  0 200px;
  }
}