communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel HTML > Exemple de code simple pour obtenir un effet de verre dépoli

Exemple de code simple pour obtenir un effet de verre dépoli

零下一度

Libérer： 2017-05-06 14:05:16

original

2750 Les gens l'ont consulté

Quelques lignes de code simples permettent d'obtenir un effet verre dépoli. Les amis intéressés peuvent y jeter un œil.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>文字高斯模糊效果</title>
        <style>
            p {
                box-shadow: 1px 1px 2px 2px #ccc; /*盒子阴影*/
                color: rgba(0, 0, 0, 0.2); /*透明度*/
                text-shadow: 0 0 3px black; /*文本阴影*/
            }
        </style>
    </head>
    <body>
        <p>我来演示模糊效果</p>
    </body>
</html>

Copier après la connexion

Exemple de code simple pour obtenir un effet de verre dépoli

Effet de flou gaussien

[Recommandations associées]

1 Tutoriel vidéo HTML en ligne gratuit.

2. Manuel de développement HTML

3 Tutoriel vidéo HTML5 original php.cn

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：

毛玻璃，效果

source：php.cn

Article précédent：Tutoriel détaillé sur la conversion entre les éléments en ligne et au niveau du bloc Article suivant：Analyse approfondie de l'attribut chapiteau en HTML

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur