Hacker News new | ask | show | jobs
by ape4 813 days ago
Did you see this in the css

    @keyframes typewriter {
    00.0% { content: "A" }
    00.4% { content: "A " }
    00.8% { content: "A W" }
    01.2% { content: "A We" }
    01.6% { content: "A Web" }
    02.0% { content: "A Webs" }
    02.4% { content: "A Websi" }
    02.8% { content: "A Websit" }
    03.2% { content: "A Website" }
    13.2% { content: "A Website," }
    13.6% { content: "A Website, " }
    14.0% { content: "A Website, i" }
    14.4% { content: "A Website, in" }
    14.8% { content: "A Website, in " }
    15.2% { content: "A Website, in P" }
    15.6% { content: "A Website, in Pu" }
    16.0% { content: "A Website, in Pur" }
    16.4% { content: "A Website, in Pure" }
    16.8% { content: "A Website, in Pure " }
    17.2% { content: "A Website, in Pure C" }
    17.6% { content: "A Website, in Pure CS" }
    18.0% { content: "A Website, in Pure CSS" }
    22.2% { content: "A Website, in Pure CSS." }
}
3 comments

Yes, I opened the CSS file and there it was.
Before it starts to look a bit ugly

div::after { font-family: var(--secondary-font); font-size: 1em; user-select: all; content: " \A \ This website contains one <div> only. \A \ No JavaScript. \A \ The rest is pure CSS. \A \ \A \ The <div> is animated with CSS keyframes, \A \ styled with CSS variables, \A \ styled with CSS transitions, \A \ styled with CSS pseudo-elements, \A \ styled with CSS pseudo-classes. \A \ But that's it. \A \ "; }

just hardcoded things :)