QRouland/ModuleWeb
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

suppression du coverflow

Browse Source
This commit is contained in:
Jerome Morjon 2015-02-21 16:35:30 +01:00
parent 2a4fef10d7
commit 3a26e58fb4
2 changed files with 0 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
SRC/public/css/coverflow.css
View File

@ -1,95 +0,0 @@
.coverflow
{
padding: 2%;
}
.coverflow ul
{
width: 90%;
padding: 0;
perspective: 500px;
-webkit-perspective : 500px;
-moz-perspective : 500px;
}
.coverflow ul li{
padding-top : 4%;
display: inline-block;
width: 180px;
height: 280px;
background: orangered;
margin-right: -60px;
transform: rotateY(45deg);
-webkit-transform :rotateY(45deg);
-moz-transform :rotateY(45deg);
position: relative;
z-index: 50;
}
/* l'element actif element */
.coverflow ul li:nth-child(1)
{
display: inline-block;
width: 220px;
height: 320px;
background: orangered;
-webkit-transform :rotateY(0deg) scale(1.2);
-moz-transform :rotateY(0deg) scale(1.2);
transform: rotateY(0deg) scale(1.2);
z-index: 55;
}
/* z-index du premier et dernier element (derrière) */
.coverflow ul li:first-child,
.coverflow ul li:last-child{
z-index: 45;
}
/* les elements qui suivent l'element central */
.coverflow ul li:nth-child(1) ~ li
{
display: inline-block;
width: 180px;
height: 280px;
background: orangered;
transform: rotateY(-45deg);
-webkit-transform :rotateY(-45deg);
-moz-transform :rotateY(-45deg);
}
.coverflow ul li:hover,
.coverflow ul li:nth-child(1) ~ li:hover /* element survole */
{
display: inline-block;
width: 220px;
height: 320px;
background: black;
transform: rotateY(0deg) scale(1.2);
-webkit-transform: rotateY(0deg) scale(1.2);
-moz-transform: rotateY(0deg) scale(1.2);
z-index: 60;
}
.coverflow ul li:hover ~ li
{
transform: rotateY(-45deg);
-webkit-transform :rotateY(-45deg);
-moz-transform :rotateY(-45deg);
}
/* les elements non survoles, lors du survol du parent */
.coverflow ul:hover li:not(:hover){
transform: rotateY(45deg);
-moz-transform: rotateY(45deg);
-webkit-transform: rotateY(45deg);
}
/* les elements qui suivent l'element survole */
.coverflow ul:hover li:hover ~ li{
transform: rotateY(-45deg);
-moz-transform: rotateY(-45deg);
-webkit-transform: rotateY(-45deg);
}

16
SRC/resources/views/home.blade.php
View File

@ -46,22 +46,6 @@
</div>
@endforeach
</div>
<!-- COVERFLOW -->
<div class="coverflow">
<ul>
@foreach ($referent as $ref)
<li>
<a href="/referents/vive.linux/games"><img class="imgRef" src="{{$ref -> image}}" width="150px" alt="{{ $ref -> name }}-Nom"></a>
<a href="/referents/vive.linux/games"><div>{{$ref -> firstname}}, {{$ref -> lastname}}</div></a>
</li>
<li>
<a href="/referents/vive.linux/games"><img class="imgRef" src="{{$ref -> image}}" width="150px" alt="{{ $ref -> name }}-Nom"></a>
<a href="/referents/vive.linux/games"><div>{{$ref -> firstname}}, {{$ref -> lastname}}</div></a>
</li>
@endforeach
</ul>
</div>
<!-- Controles -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">