O CSS3 (Cascading Style Sheets 3) é a última versão do CSS, que é uma linguagem de estilo utilizada para definir a aparência e o layout de um documento HTML. Com o CSS3, os desenvolvedores têm acesso a uma série de recursos avançados que permitem criar designs mais modernos e interativos para seus websites.

Exemplos:
1. Border-radius:
Uma das funcionalidades mais populares do CSS3 é o border-radius, que permite arredondar as bordas de um elemento. Veja o exemplo abaixo:

<style>

    .box {

        width: 200px;

        height: 200px;

        background-color: #f2f2f2;

        border-radius: 10px;

    }

</style>



<div class="box"></div>

2. Transições:
Com o CSS3, é possível criar transições suaves entre diferentes estados de um elemento. Veja o exemplo abaixo:

<style>

    .box {

        width: 200px;

        height: 200px;

        background-color: #f2f2f2;

        transition: background-color 1s;

    }



    .box:hover {

        background-color: #ff0000;

    }

</style>



<div class="box"></div>

3. Animações:
O CSS3 também permite criar animações diretamente no navegador, sem a necessidade de utilizar JavaScript. Veja o exemplo abaixo:

<style>

    @keyframes move {

        0% { transform: translateX(0); }

        50% { transform: translateX(200px); }

        100% { transform: translateX(0); }

    }



    .box {

        width: 200px;

        height: 200px;

        background-color: #f2f2f2;

        animation: move 2s infinite;

    }

</style>



<div class="box"></div>

Aproveite ao máximo as funcionalidades do CSS3 em seus projetos web! Compartilhe este artigo com seus amigos e colegas desenvolvedores para que eles também possam explorar essas ferramentas incríveis.