andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Travis build: 651

Browse Source
This commit is contained in:
30secondsofcode
2020-01-13 09:39:23 +00:00
parent a87f56aabf
commit e2982b4ee1
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
snippet_data/snippetList.json
View File

@ -504,7 +504,7 @@
"type": "snippetListing", "type": "snippetListing",
"title": "Mouse cursor gradient tracking", "title": "Mouse cursor gradient tracking",
"attributes": { "attributes": {
"text": "A hover effect where the gradient follows the mouse cursor.\n\n<small class=\"snippet__credit\">**Credit:** [Tobias Reich](https://codepen.io/electerious/pen/MQrRxX)</small>\n\n", "text": "A hover effect where the gradient follows the mouse cursor.\n\n",
"tags": [ "tags": [
"visual", "visual",
"interactivity", "interactivity",
@ -512,7 +512,7 @@
] ]
}, },
"meta": { "meta": {
"hash": "97fbac82b526cafe6e48233dda46d0bb87fde7a52027774048b90c9c14818395" "hash": "eb04cb5aab3c779685a3f485ab31cf0c1d86f5ea9e26996ba468f7ff41806654"
} }
}, },
{ {

8
snippet_data/snippets.json
View File

@ -1065,7 +1065,7 @@
"type": "snippet", "type": "snippet",
"attributes": { "attributes": {
"fileName": "mouse-cursor-gradient-tracking.md", "fileName": "mouse-cursor-gradient-tracking.md",
"text": "A hover effect where the gradient follows the mouse cursor.\n\n<small class=\"snippet__credit\">**Credit:** [Tobias Reich](https://codepen.io/electerious/pen/MQrRxX)</small>\n\n", "text": "A hover effect where the gradient follows the mouse cursor.\n\n",
"explanation": "\n\n1. `--x` and `--y` are used to track the position of the mouse on the button.\n2. `--size` is used to keep modify of the gradient's dimensions.\n3. `background: radial-gradient(circle closest-side, pink, transparent);` creates the gradient at the correct postion.\n\n", "explanation": "\n\n1. `--x` and `--y` are used to track the position of the mouse on the button.\n2. `--size` is used to keep modify of the gradient's dimensions.\n3. `background: radial-gradient(circle closest-side, pink, transparent);` creates the gradient at the correct postion.\n\n",
"browserSupport": { "browserSupport": {
"text": "\n\n<span class=\"snippet__support-note\">⚠️ Requires JavaScript.</span>\n\n- https://caniuse.com/#feat=css-variables\n", "text": "\n\n<span class=\"snippet__support-note\">⚠️ Requires JavaScript.</span>\n\n- https://caniuse.com/#feat=css-variables\n",
@ -1084,10 +1084,10 @@
] ]
}, },
"meta": { "meta": {
"hash": "97fbac82b526cafe6e48233dda46d0bb87fde7a52027774048b90c9c14818395", "hash": "eb04cb5aab3c779685a3f485ab31cf0c1d86f5ea9e26996ba468f7ff41806654",
"firstSeen": "1519564479", "firstSeen": "1519564479",
"lastUpdated": "1578839478", "lastUpdated": "1578908304",
"updateCount": 16, "updateCount": 17,
"authorCount": 4 "authorCount": 4
} }
}, },