CSS star shapes series on Coding-Dude.com
A Pen by Ion Emil Negoita on CodePen.
codingdudecom
codingdudecom
/ css-star-4-pointed-star.markdown
Created
October 6, 2021 12:56
CSS Star: 4 Pointed Star ✦
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.
codingdudecom
/ css-3d-grid-outrun-design.markdown
Created
January 14, 2021 09:08
CSS 3D Grid OutRun Design
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.
This file contains 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>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"> |
This file contains 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>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"> |
This file contains 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 class="squares"></div> | |
| <footer>Complete <a href="">Square Symbol</a> Collection</footer> |
This file contains 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 class="squares"></div> | |
| <footer>Complete <a href="">Square Symbol</a> Collection</footer> |
Simple CSS SVG filter for creating a fake anaglyph 3D effect.
Try the Anaglyph 3D online photo filter in MockoFun
A Pen by Ion Emil Negoita on CodePen.
codingdudecom
/ 80s-fonts-text-effect-5-css-neon-font-text-effect.markdown
Created
July 22, 2019 11:59
80s Fonts Text Effect 5: CSS Neon Font Text Effect
Inspired by PSDDude's 80s font collection this text effect is part of the SVG filters 80s font text effects list on http://www.coding-dude.com/wp/css/svg-filters/
A Pen by Ion Emil Negoita on CodePen.
codingdudecom
/ html5-canvas-text-outline.markdown
Created
July 30, 2020 11:18
HTML5 Canvas Text Outline
CSS Stroke Text Using text-shadow. The idea is to have multiple shadows combined all around the text to give the illusion of a real stroke text.
Sample code for CSS text stroke definitive guide on coding-dude.com
A Pen by Ion Emil Negoita on CodePen.