afsarwebdev

Mixitup initialize

Nov 20th, 2017
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.03 KB | None | 0 0
  1. <div class="col-xs-12">
  2. <div class="ic-portfolio-nav">
  3. <button type="button" data-filter="all">All</button>
  4. <button type="button" data-filter=".category-a">Category A</button>
  5. <button type="button" data-filter=".category-b">Category B</button>
  6. <button type="button" data-filter=".category-c">Category C</button>
  7. </div>
  8. <div class="ic-portfolio-items">
  9. <div class="mix category-a" data-order="1">cat a</div>
  10. <div class="mix category-b" data-order="2">cat b</div>
  11. <div class="mix category-b category-c" data-order="3">cat b cat c</div>
  12. <div class="mix category-a category-d" data-order="4">cat a cat d</div>
  13. </div>
  14. </div>
  15.  
  16. <script>
  17. // Mixitup initialize
  18. var icProperty = document.querySelector('.ic-portfolio-items');
  19. if(icProperty){
  20. var mixer = mixitup(icProperty, {
  21. animation: {
  22. effects: 'fade translateZ(-100px)',
  23. },
  24. });
  25. }
  26. </script>
Advertisement
Add Comment
Please, Sign In to add comment