Exemple simple d'effet de filtrage CSS3
L'éditeur suivant vous apportera un exemple simple d'effet de filtrage CSS3. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur pour y jeter un œil.
L'image ci-dessus est l'effet de filtre des nouvelles fonctionnalités de CSS3. Après avoir appris cela, nous, les grands webphiles qui aiment. beauté et beauté, ne sera-t-il pas possible d'embellir parfaitement les photos avec du code ~~
D'accord, implémentons d'abord le cadre blanc derrière la photo,
<style>
#p1{
/*给p定义宽高和颜色*/
width: 200px;
height: 250px;
background: white;
/* 内填充距离照片为15px ，文字居中*/
padding: 15px;
text-align: center;
/* 把白色背景旋转-10deg */
-webkit-transform: rotate(-10deg);
/*给背景一个阴影的效果*/
box-shadow: 4px 4px 4px #666;
float: left;
}
</style>
<BR>
<body><BR>
<p id="p1">
<img src="/static/imghw/default1.png" data-src="img/001V28Mwty6Fww02IiNad&690.jpg" class="lazy" alt="Exemple simple d'effet de filtrage CSS3" >
<p>灰色滤镜</p>
</p>
<BR>
</body>Mettez le blanc Une fois le cadre d'arrière-plan écrit, il est temps d'appliquer le filtre
Prenons d'abord la première photo, artistique en noir et blanc
#p1 img{
/*把p1里面的图片百分百，等同于相对于在p1里面百分比放大填充*/
width: 100%;
/*把图片变成黑白色括号里跟颜色变化的值，只能取0~1之间*/
-webkit-filter: grayscale(1); } La deuxième photo, Euh... vieilles photos.
#p1 img{
width: 100%;
-webkit-filter: sepia(1);
}La troisième photo, couleur inversée ? Je ne sais pas non plus de quelle couleur il s'agit
#p1 img{
width: 100%;
-webkit-filter: hue-rotate(200deg);
}La quatrième photo semble être recouverte d'une couche de brouillard blanc
#p1 img{
width: 100%;
-webkit-filter: opacity(0.5);
}Il y a aussi une photo qui n'est pas affichée dans le rendu, mais le code de l'effet de flou est le suivant
#p4 img{
width: 100%;
-webkit-filter: opacity(0.5);
}D'accord, j'ai fini de partager mon filtre, et le la prochaine étape est d'aller à la belle image
L'exemple simple ci-dessus de l'effet de filtrage de CSS3 est tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence, et j'espère aussi que tout le monde le fera. prend en charge le site Web PHP chinois.
Pour des exemples plus simples d'effets de filtrage CSS3 et des articles connexes, veuillez faire attention au site Web PHP chinois !
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code)
Jun 28, 2022 pm 01:39 PM
Comment obtenir un effet de vague avec du CSS3 pur ? Cet article vous présentera comment utiliser l'animation SVG et CSS pour créer des effets de vagues. J'espère que cela vous sera utile !
Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code)
Jul 19, 2022 am 11:28 AM
Cet article va vous montrer comment utiliser CSS pour réaliser facilement divers boutons aux formes étranges qui apparaissent fréquemment. J'espère que cela vous sera utile !
Comment ouvrir des fichiers en double filtrés dans Quark
Mar 01, 2024 am 11:25 AM
Lors de l'utilisation de Quark Browser, il existe une fonction permettant de filtrer les fichiers en double. Certains amis ne sont pas très familiers avec cela. Voici une introduction à la façon d'activer cette fonction. Les amis intéressés peuvent y jeter un œil. 1. Tout d'abord, cliquez sur « Quark Browser » sur votre téléphone mobile pour accéder à l'interface, puis cliquez et sélectionnez « Quark Network Disk » dans les options au milieu de la page pour ouvrir et entrer. 2. Recherchez « Paramètres de sauvegarde » dans la partie inférieure de l'interface du disque réseau Quark et cliquez pour l'ouvrir, comme indiqué dans la figure ci-dessous : 3. Ensuite, sur la page que vous entrez, il y a un « Filtrer les fichiers en double », qui est affiché derrière il y a un bouton de commutation. Cliquez sur le curseur circulaire et réglez-le sur la couleur pour activer cette fonction. Lorsque vous continuez à sauvegarder les fichiers, les fichiers en double seront ignorés pour économiser la capacité du disque réseau.
Comment masquer des éléments en CSS sans prendre de place
Jun 01, 2022 pm 07:15 PM
Deux méthodes : 1. À l'aide de l'attribut display, ajoutez simplement le style "display:none;" à l'élément. 2. Utilisez les attributs position et top pour définir le positionnement absolu de l'élément afin de masquer l'élément. Ajoutez simplement le style "position:absolute;top:-9999px;" à l'élément.
Python implémente le filtrage et le filtrage des données XML
Aug 09, 2023 am 10:13 AM
Python implémente le filtrage et le filtrage des données XML. XML (eXtensibleMarkupLanguage) est un langage de balisage utilisé pour stocker et transmettre des données. Il est flexible et évolutif et est souvent utilisé pour l'échange de données entre différents systèmes. Lors du traitement de données XML, nous devons souvent les filtrer et les filtrer pour extraire les informations dont nous avons besoin. Cet article explique comment utiliser Python pour filtrer et filtrer les données XML. Importez les modules requis Avant de commencer, nous
Comment utiliser les fonctions PHP pour rechercher et filtrer des données ?
Jul 24, 2023 am 08:01 AM
Comment utiliser les fonctions PHP pour rechercher et filtrer des données ? Dans le processus de développement avec PHP, il est souvent nécessaire de rechercher et de filtrer les données. PHP fournit une multitude de fonctions et de méthodes pour nous aider à réaliser ces opérations. Cet article présentera certaines fonctions et techniques PHP couramment utilisées pour vous aider à rechercher et filtrer efficacement les données. Recherche de chaîne Les fonctions de recherche de chaîne couramment utilisées en PHP sont strpos() et strstr(). strpos() est utilisé pour trouver la position d'une certaine sous-chaîne dans une chaîne. Si elle existe, elle renvoie.
Comment implémenter des bordures en dentelle en CSS3
Sep 16, 2022 pm 07:11 PM
En CSS, vous pouvez utiliser l'attribut border-image pour réaliser une bordure en dentelle. L'attribut border-image peut utiliser des images pour créer des bordures, c'est-à-dire ajouter une image d'arrière-plan à la bordure. Il vous suffit de spécifier l'image d'arrière-plan comme style de dentelle ; largeur de la bordure de l'image vers l'intérieur. Indique si le début est répété ;".
PHP et PHPMAILER : Comment implémenter le filtrage automatique des envois de mail ?
Jul 21, 2023 am 09:25 AM
PHP et PHPMAILER : Comment implémenter le filtrage automatique des envois de mail ? Dans la société moderne, le courrier électronique est devenu l’un des moyens de communication les plus importants. Cependant, avec la popularité et l'utilisation généralisée du courrier électronique, la quantité de spam a également connu une tendance à la croissance explosive. Les courriers indésirables font non seulement perdre du temps aux utilisateurs et des ressources réseau, mais peuvent également générer des virus et des comportements de phishing. Par conséquent, lors du développement de la fonction d’envoi d’e-mails, il devient crucial d’ajouter la fonction de filtrage automatique du spam. Cet article présentera comment utiliser PHP et PHPMai
