Intro Gradient
Utiliser le plugin-intro pour fixer une couleur unie ou dégradée comme introduction à la page. Use the intro-plugin to attach a solid color or gradient as introduction to the page.
Page Intro Gradient
Ajoutez simplement les dégradés directement vers le champ de la source de votre page › plugins › page intro plugin. En savoir plus sur CSS3 gradients ici et ici. Ajouter dégradés CSS sans préfixes de navigateur !
La page intro plugin vous permet d’ajouter une image, la couleur ou le dégradé en guise d’introduction en haut de la page. L’intro peut afficher derrière - ou en dessous du menu, à n’importe quelle hauteur, et vous pouvez inclure des éléments de contexte de page. Dans cet exemple, nous avons mis un dégradé pour afficher à hauteur de 300px, sous le menu.
Options
Source
Définir la source de l’intro comme soit une image, la couleur dégradé ou solide.
Afficher en Intro
Choisir d’afficher le titre, description et contenu dans la zone de l’intro.
hauteur
Définir la hauteur de la zone de l’intro en px ou %. Si désactivé, hauteur s’adapte automatiquement à la taille de l’image. Vous devez toujours utiliser une hauteur pour les dégradés, les couleurs et les motifs de fond extensible.
Fixed
Crée un effet cool où l’image d’arrière-plan reste fixe lors du défilement.
Menu de superposition
Lorsqu’activé, le menu se superposeront l’intro, qui est attaché au haut de la page. Lorsque désactivé, l’intro est fixé sous le menu.
---
Quelques exemples
radial-gradient(ellipse farthest-corner at 50% 100%, #78a642, #273716 100%)
radial-gradient(circle, gold, darkorange)
radial-gradient(ellipse closest-side, gold, darkorange)
radial-gradient(circle,salmon,brown)
repeating-linear-gradient(gold 0px, darkorange 1px)
repeating-linear-gradient(#AAA 0px, transparent 1px)
radial-gradient(closest-side, rgba(255,215,0,1), transparent), repeating-linear-gradient(gold 0px, darkorange 1px)
linear-gradient(45deg, red, orange, yellow)
radial-gradient(circle farthest-side, gold, gold 50px, transparent), repeating-linear-gradient(-45deg, gold, gold 5px, darkorange 5px, darkorange 10px)
background-image:repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(255, 127, 0, 0.25) 50px, rgba(255, 127, 0, 0.25) 56px, transparent 56px, transparent 63px, rgba(255, 127, 0, 0.25) 63px, rgba(255, 127, 0, 0.25) 69px, transparent 69px, transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px),repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(255, 127, 0, 0.25) 50px, rgba(255, 127, 0, 0.25) 56px, transparent 56px, transparent 63px, rgba(255, 127, 0, 0.25) 63px, rgba(255, 127, 0, 0.25) 69px, transparent 69px, transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px),repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px),repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px)
linear-gradient(to right,#FB2B69 ,#FF5B37 100%)
linear-gradient(45deg, hsla(280, 96%, 48%, 1) 0%, hsla(280, 96%, 48%, 0) 70%), linear-gradient(135deg, hsla(319, 91%, 42%, 1) 10%, hsla(319, 91%, 42%, 0) 80%), linear-gradient(225deg, hsla(17, 100%, 50%, 1) 10%, hsla(17, 100%, 50%, 0) 80%), linear-gradient(315deg, hsla(64, 96%, 41%, 1) 100%, hsla(64, 96%, 41%, 0) 70%)
linear-gradient(45deg, #555351 0%, #555351 5%, #8d7b6c 40%, #cc9d7a 70%, #fff9aa 100%)
linear-gradient(135deg, #325571 0%, #8e9fa4 38%, #decab2 66%, #f2d580 78%, #ffa642 100%)
linear-gradient(to left, #C02425 , #F0CB35)
Tip! Gradients can also be used in the background-plugin!
CSS Gradient Resources

Bouteilles de vins
What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it?

Bouteilles de vins
What is Lorem Ipsum? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

broderie1
Where does it come from? Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

broderie2
Where does it come from? The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham. Where can I get some?

broderie3
Where does it come from? There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

broderie4

Cabinet de curiosité

Cadrage à la plage

Cathedrale

cerf

Chatons

chemin en fôret

chemi, enre les blés

cheval

concert
Soirée concert POP-Louange BeWitness à l'église du sacré coeur, Bordeaux

Coquillage

Corail

Coucher de soleil
#photo #video #drone #communication #photographie.pro #nature

Couple de cygnes

course à la Dune

Cygne solitaire

Danse de blé

Detail de l'oeuf

Details du peroquet

Détails du dos du peroquet
-2_D1111970-nef_c_PhotoGraphie.Pro.jpg)
Dune de Pilat (Pyla) 2
-3_D1112124-nef_c_PhotoGraphie.Pro.jpg)
Dune de Pilat (Pyla) 3
4_D1112128-nef_c_PhotoGraphie.Pro.jpg)
Dune de Pilat (Pyla) 4
5_D1112161-nef_c_PhotoGraphie.Pro.jpg)
Dune de Pilat (Pyla) 5
6_D1112164-nef_c_PhotoGraphie.Pro.jpg)
Dune de Pilat (Pyla) 6
7_D1112202-nef_c_PhotoGraphie.Pro.jpg)
Dune de Pilat (Pyla) 7
10_D1112224-nef_c_PhotoGraphie.Pro.jpg)
Dune de Pilat (Pyla) 10
_D1111943-nef_c_PhotoGraphie.Pro.jpg)
Dune de Pilat (pyla)

eclaboussure

enfant au bord de la mer 2

enfant au bord de la mer

Enfants du MÈkong
Action de l'Èglise catholique aprËs le Tsunami sur l'Óle de Koh Jum *** Local Caption *** Avec LoÔc LAHALLE, Enfants de MÈkong; des Èquipes de la paroisse St Agnes, P. Ponchai, Sr. Eveline, Ah, OlÈ, Tam et Nit; et la Caritas, Anna et Francesco

escalier lumineux

facade

Falaise de bord de mer

Femme fatale

Femme fatale

Femme fatale

Femme fatale

Feuille

flamant rose

Flamants roses

flamants roses

glace

Grotte de Lascaux 2

Grotte de lascaux

grotte

Groupe d'oiseaux

L'escalier du phare

La Dune de Pilat

La Rhune
Mini-vacances avec les DELOYNES à Hossegor, Seignosse (pays basque)

lière rouge
Back Camera

Lumière de blé

luminaire

macro oeuf

Mariage
Dominique et Baptiste, photos au château Canadel

Mehari

mongolfiere

neige

Ocean vert

Oeuf

oiseau blanc

Panorama de Libourne

Panorama

Paysage Canadel

paysage matinal

paysage parfais

Peroquet de dos

Peroquet

Petit chat

petite fille

petites filles à la plage
_D8e122317_c_PhotoGraphie.Pro.jpg)
Phare du Corduan (Bordeaux, Gironde)

ponton

pont

Portrait plage

pot de fleurs

reflet

Regard fuyant

restorant plage

robe broderie

roches au bord de mer

rose

route

Sanglier sauvage

saussiere 2

saussière

Sourire à la plage

Surf dans un tube

Surfer

Tasse en Porcelaine

Tête de phare

tigre

Train de la joie

Une nuit à la montagne
_D1159171-01_c_PhotoGraphie.Pro.jpg)
Vagues (Atlantique - Portugal - Dunes de la Costa do Prata)
Vagues-(Atlantique---Portugal---Costa-do-Prata); Osso-da-Baleia-et-Costa-de-Lavo; Mer-et-Ciel; Dunes

vol de mouette
