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
| .css-selector { | |
| background: linear-gradient(270deg, #6887a0, #bbdde6, #23a6d5, #a3b2a4, #e8edbb, #67823a, #ffb600, #cf5326, #ba0c2f, #d27e65, #e6b7bd, #ded9ce); | |
| background-size: 2400% 2400%; | |
| -webkit-animation: AnimationName 59s ease infinite; | |
| -moz-animation: AnimationName 59s ease infinite; | |
| -o-animation: AnimationName 59s ease infinite; | |
| animation: AnimationName 59s ease infinite; | |
| } | |
| @-webkit-keyframes AnimationName { | |
| 0%{background-position:0% 50%} |
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
| .css-selector { | |
| background: linear-gradient(182deg, #6887a0, #bbdde6, #23a6d5, #a3b2a4, #e8edbb, #67823a, #ffb600, #cf5326, #ba0c2f, #d27e65, #e6b7bd, #ded9ce); | |
| background-size: 2400% 2400%; | |
| -webkit-animation: upgradient 59s ease infinite; | |
| -moz-animation: upgradient 59s ease infinite; | |
| -o-animation: upgradient 59s ease infinite; | |
| animation: upgradient 59s ease infinite; | |
| } | |
| @-webkit-keyframes upgradient { | |
| 0%{background-position:51% 0%} |
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
| 1. Build GraphQL server using `express-graphql` package. | |
| 2. Configure `schema.js` file. | |
| 3. Query for data. |