Tips CSS - Modal windows (popup)


→ A modal window (popup), only in CSS, and responsive.

The proposal below comes from this site : (author : Django Blais)

It allows you to generate a modal window (a popup), only in CSS, which will open at the click and in which you can place various contents... including which could be used to "enlarge" a thumbnail image as below. A vertical lift is automatically installed as soon as the contents exceed the intended height.

See tutorial

Le titre de la fenêtre « modale »

Exemples de contenu : vidéo, image, texte...

the-impatient-granny.jpg

Montius nos tumore inusitato quodam et novo ut rebellis et maiestati recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem formidine tenus iusserim custodiri. Iamque lituis cladium concrepantibus internarum non celate ut antea turbidum saeviebat ingenium a veri consideratione detortum et nullo inpositorum vel conpositorum fidem sollemniter inquirente nec discernente a societate noxiorum insontes velut exturbatum e iudiciis fas omne discessit, et causarum legitima silente defensione carnifex rapinarum sequester et obductio capitum et bonorum ubique multatio versabatur per orientales provincias, quas recensere puto nunc oportunum absque Mesopotamia digesta, cum bella Parthica dicerentur, et Aegypto, quam necessario aliud reieci ad tempus.

Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent. Quibus occurrere bene pertinax miles explicatis ordinibus parans hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem proximos iam gestu terrebat sed eum in certamen alacriter consurgentem revocavere ductores rati intempestivum anceps subire certamen cum haut longe muri distarent, quorum tutela securitas poterat in solido locari cunctorum.

Un texte en bas de page...

Une possibilité pour agrandir une petite image...

archer

Un archer

Click on the image below to "enlarge"

archer

Index |Info | Print | Permalink
Menu
CSS

Tips CSS

Release

0.63.2

Stable - Documented

free download