Hover jQuery| HTML | CSS effect for text.
*Updated 19/10/2017 Applied a DRY approach, removed unnecessary code.
Influenced by: https://dribbble.com/shots/2076176-Focus
smor25
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
| <div id="canvas"></div> |
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
| <!-- <div id='winray'><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/183204/winray.png"></div> | |
| <div id='desc'> | |
| <span>Mind</span><br> | |
| The Biggest Jail in the World<br> | |
| Where you Lost the passage of Time<br> | |
| Where Prisoner is Jailer ! ... | |
| </div> --> | |
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
| .main-wrapper | |
| .noise-wrapper | |
| .noise | |
| p.loader Wait for it... |
smor25
/ focus-text-hover-effect-html-css-jquery.markdown
Created
August 31, 2018 10:39
Focus Text Hover Effect | HTML+ CSS + jQuery
smor25
/ drawing-with-css3-mix-blend-mode.markdown
Created
August 29, 2018 11:31
Drawing with CSS3 mix-blend-mode
http://ics-creative.github.io/150928_css3_blendmode/
マウスをドラッグして操作ください。カラフルなドローイングが画面に描画されます。
A Pen by Benjamin Legrand on CodePen.
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
| <div id="three-container"></div> | |
| <div id="instructions"> | |
| click and drag to control the animation | |
| </div> |