Based on dribbble shot by Kreativa Studio - https://dribbble.com/shots/2375246-Fashion-Butique-slider-animation
Fullscreen please. Looks best in Webkit browsers, because clip-path not working in FF/IE without SVG fallbacks, which I don't want to use in this demo. Not responsive atm, I will figure out something soon.
Features:
| #!/bin/bash | |
| # | |
| # A hook script to perform linting before allowing a commit, | |
| # to avoid unnecessary noise or extra work to rebase commits. | |
| # Based on: http://stackoverflow.com/a/20480591/1435658 | |
| # Necessary to support .nvm and gitx | |
| export PATH=/usr/local/bin/:$PATH | |
| /** | |
| * Get a random floating point number between `min` and `max`. | |
| * | |
| * @param {number} min - min number | |
| * @param {number} max - max number | |
| * @return {number} a random floating point number | |
| */ | |
| function getRandomFloat(min, max) { | |
| return Math.random() * (max - min) + min; | |
| } |
| #!/bin/bash | |
| ###### | |
| # THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED | |
| # TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL | |
| # THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF | |
| # CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER | |
| # DEALINGS IN THE SOFTWARE. | |
| ###### |
| // monkey-patch Math.round because the way it works natively is feature-poor/unintuitive | |
| // see: http://www.jacklmoore.com/notes/rounding-in-javascript/ | |
| // | |
| Math._round = Math.round; | |
| Math.round = function (value, decimals) { | |
| if (arguments.length === 1) | |
| { | |
| return Math._round.apply(this, arguments); | |
| } |