deblan-mirror/vanilla-tilt.js
deblan-mirror/vanilla-tilt.js
1
0
Fork 0
mirror of https://github.com/micku7zu/vanilla-tilt.js synced 2024-06-26 17:20:01 +02:00
Code Issues Projects Releases Wiki Activity

Update to version 1.6.2

Browse source
This commit is contained in:
Sandor Sergiu 2019-04-13 00:12:09 +03:00
parent 8a891590da
commit fe18dbaef6
3 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -34,6 +34,12 @@
<li>
<a href="https://github.com/matteo-rigon">Matteo Rigon</a>
</li>
<li>
<a href="https://github.com/lazyhummingbird">Corey Austin</a>
</li>
<li>
<a href="https://github.com/rrroyal">rrroyal</a>
</li>
</ul>
</aside>
<main>
@ -216,6 +222,15 @@
<pre><code class="language-markup">&lt;div data-tilt data-tilt-reset="false"&gt;&lt;/div&gt;</code></pre>
</div>
</section>
<section class="example">
<div class="box" data-tilt data-tilt-full-page-listening></div>
<div class="info">
<h3>Full page listening</h3>
<p>Setting this option will make the element respond to any mouse movements on page.</p>
<pre><code class="language-markup">&lt;div data-tilt data-tilt-full-page-listening&gt;&lt;/div&gt;</code></pre>
</div>
</section>
<section class="example">
<div class="box" data-tilt data-tilt-scale="1.1"></div>
<div class="info">

2
src/vanilla-tilt.min.js vendored
View file

File diff suppressed because one or more lines are too long

6
style.css
View file

@ -375,6 +375,12 @@ h4 {
background: linear-gradient(to right, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.example:nth-child(12) .box {
background: #3a7bd5; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #3a6073, #3a7bd5); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #3a6073, #3a7bd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
button {
display: inline-block;
vertical-align: middle;