DEV Community

Freecodez
Freecodez

Posted on

3

Christmas tree using pure css

Hey there, You are most welcome to this article.

Christmas tree using pure css

Christmas tree using pure css

For full source code visit : https://freecodez.com/post/xqmxig8

<!-- https://freecodez.com -->
<div class="xmas">
    <div class="tree">
        <div class="ball">
            <div class="ball-1"></div>
            <div class="ball-2"></div>
            <div class="ball-3"></div>
            <div class="ball-4"></div>
            <div class="ball-5"></div>
            <div class="ball-6"></div>
            <div class="ball-7"></div>
            <div class="ball-8"></div>
            <div class="ball-9"></div>
        </div>
        <div class="tree-1"></div>
        <div class="tree-2"></div>
        <div class="tree-3"></div>
        <div class="tree-4"></div>
        <div class="tree-5"></div>
        <div class="tree-6"></div>
        <div class="tree-7"></div>
        <div class="tree-8"></div>
    </div>
    <div class="trunk"></div>
</div>
Enter fullscreen mode Exit fullscreen mode

Source Code : https://freecodez.com/post/xqmxig8

For more such articles visit : https://freecodez.com

Image of Timescale

πŸš€ pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applicationsβ€”without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more β†’

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more