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.