History

Dym Sohin f132183c1d init		2023-10-06 23:12:53 +02:00
..
dist	init	2023-10-06 23:12:53 +02:00
src	init	2023-10-06 23:12:53 +02:00
README.markdown	init	2023-10-06 23:12:53 +02:00
license.txt	init	2023-10-06 23:12:53 +02:00

README.markdown

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 😄