This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Ember from 'ember'; | |
| const { Controller, computed } = Ember; | |
| export default Controller.extend({ | |
| totalItems: 3, | |
| items: computed(function() { | |
| return [ | |
| {id: 1, title:'1'}, | |
| {id: 2, title:'2'}, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| .fade-right { | |
| -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.75, rgba(0,0,0,1)), to(rgba(0,0,0,0))); | |
| mask: url(#fade_right_svg_mask); | |
| } | |
| #mask_demo { | |
| background: #d0d0d0; | |
| height: 100px; | |
| width: 500px; | |
| padding: 10px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Day job: | |
| What is your language of choice: | |
| Open Source contributions: | |
| How do you use GitHub: |