A while ago I tried implementing a photo mask tool in MockoFun which is based on FabricJS
Check out an working example: https://jsfiddle.net/codingdude/sk84xLh2/
The solution I came up was combining the built in fabric.Image.filters.BlendImage filter with a custom FabricJS brush. Here's a glimpse at my implementation of that.
(function(){
See a complete list of star symbols, star characters, star emojis and other star copy and paste useful information.
CSS star shapes series on Coding-Dude.com
A Pen by Ion Emil Negoita on CodePen.
CSS star shapes series on Coding-Dude.com
A Pen by Ion Emil Negoita on CodePen.
CSS star shapes series on Coding-Dude.com
A Pen by Ion Emil Negoita on CodePen.
I got inspired by the PSDDude 80s Font Typography and design article and I created this OutRun / Retrowave / Synthwave CSS background. Check out this online Grid Drawing Tool
A Pen by Ion Emil Negoita on CodePen.
| <div>Made with the MockoFun <a href="https://medium.com/@codingdudecom/circle-text-2e7e5246cc94">circle text</a> generator</div> | |
| <img style="--rotation-duration:10s;" src="https://i.imgur.com/zdPkiY2.png" alt="Circle Text" class="rotating-circle-text"> |
| <div>Made with the MockoFun <a href="https://medium.com/@codingdudecom/circle-text-2e7e5246cc94">circle text</a> generator</div> | |
| <img style="--rotation-duration:10s;" src="https://i.imgur.com/zdPkiY2.png" alt="Circle Text" class="rotating-circle-text"> |
JS/CSS code for creating a beautiful Heart Shaped Bokeh You can replace the bokeh heart shape with any of the heart symbol shapes in this list.
A Pen by Ion Emil Negoita on CodePen.
JS function to generate curved text from a HTML text element. This technique make a span element for each letter and rotates it slightly. Generate a circle text by adjusting the font site and circle radius.
Check out MockoFun Online: curved text generator
A Pen by Ion Emil Negoita on CodePen.