codepens/css-dna/README.markdown

713 B

CSS DNA 🧬

A Pen created on CodePen.io. Original URL: https://codepen.io/shadow-scientist/pen/eYgPjxX.

I already did a similar concept last year. Found that the code was horrible! 😅

The infinite double-helix loop is created by adding a slight delay on every div element in the DNA container. The deoxyribose sugar is painted in white as two circles. Also, nitrogenous bases are shown as colored lines that join the sugar circles.

It is not a standard replication of actual DNA. It's a minimal illustration of an animated DNA made with HTML (pug) and CSS. Plus, it's responsive!

Today I recreate the project because 22nd April is my Biology exam 😄