Morse Code Translator (HTML & CSS)

This content originally appeared on Bram.us and was authored by Bramus!

I have no idea how this works, but it’s amazing:

See the Pen Morse Code Translator (HTML & CSS) by Lillian Kodi (@lillian-kodi)on CodePen.

By Lillian Kodi who created this amazing HTML+CSS Calculator before.

As only Chromium supports animating custom properties (Houdini FTW!) it won’t work in Safari nor Firefox. For reference, you can see the demo in action here:

Here's a video demonstrating how it works

— Lillian Kodi (@LillianKodi) August 24, 2021

?

This content originally appeared on Bram.us and was authored by Bramus!

Print Share Comment Cite Upload Translate Updates

APA

Bramus! | Sciencx (2021-08-27T14:57:49+00:00) Morse Code Translator (HTML & CSS). Retrieved from https://www.scien.cx/2021/08/27/morse-code-translator-html-css/

MLA

" » Morse Code Translator (HTML & CSS)." Bramus! | Sciencx - Friday August 27, 2021, https://www.scien.cx/2021/08/27/morse-code-translator-html-css/

HARVARD

Bramus! | Sciencx Friday August 27, 2021 » Morse Code Translator (HTML & CSS)., viewed ,<https://www.scien.cx/2021/08/27/morse-code-translator-html-css/>

VANCOUVER

Bramus! | Sciencx - » Morse Code Translator (HTML & CSS). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/27/morse-code-translator-html-css/

CHICAGO

" » Morse Code Translator (HTML & CSS)." Bramus! | Sciencx - Accessed . https://www.scien.cx/2021/08/27/morse-code-translator-html-css/

IEEE

" » Morse Code Translator (HTML & CSS)." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/08/27/morse-code-translator-html-css/. [Accessed: ]

rf:citation

» Morse Code Translator (HTML & CSS) | Bramus! | Sciencx | https://www.scien.cx/2021/08/27/morse-code-translator-html-css/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.