Beispiel:CSS3 shape-2.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" >
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
  <title>CSS - shape 2</title>
  <style>
img {
	float: left;
	margin: 1em 1em 1em 0;
	transition: all 300ms;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 0% 0%);
	shape-outside: polygon(0% 0%, 100% 50%, 0% 100%, 0% 0%);
}

img:hover {
	shape-outside: polygon(0% 0%, 100% 0, 0% 100%, 0% 0%);
	clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 0%);
	margin: 0 1em 1em 0;
}
</style>
</head>

<body id="go">
  <h1>CSS - shape-outside: polygon()<br><span> clip-path: polygon()</span></h1>

    <div>
      <p><span style="color:red;font-weight:bold;">Tipp:</span> Fahren Sie mit der Maus über das Bild!</p>
    </div>  

    <img src="/images/4/4d/Celsius.jpg" alt="Anders Celsius" title="Anders Celsius">
    <p>Anders Celsius wurde 1701 in Uppsala geboren und entstammt einer Adelsfamilie vom Gut Doma in Ovanåker. Er studierte an der Universität Uppsala und wurde dort 1730 Professor. 
       Im Jahr 1733 wurde er zum Mitglied der Leopoldina gewählt. Seit 1734 war er auswärtiges Mitglied der Preußischen Akademie der Wissenschaften. 1736 nahm er an einer Expedition 
       zur Vermessung der Form der Erde teil. 1741 stellte er das erste schwedische Observatorium in Uppsala fertig. Er war außerdem auch Poet und Autor populärwissenschaftlicher 
       Literatur.
    </p>
    <p>Celsius war der Erste, der die Helligkeit von Sternen messtechnisch untersuchte; auch fand er heraus, dass Polarlichter das Magnetfeld der Erde stören.</p>
    <p>Celsius starb im Alter von 42 Jahren an Tuberkulose und wurde in der Kirche von Gamla Uppsala begraben.</p>
    <h2>Die Celsius-Temperaturskala</h2>
    <p>Anders Celsius definierte 1742 die nach ihm benannte Temperatureinteilung Grad Celsius. Im Gegensatz zur heute verwendeten Celsius-Skala legte er den Siedepunkt von 
       Wasser mit 0° und den Gefrierpunkt mit 100° fest. Erst später wurden die Fixpunkte der Skala vertauscht; heutzutage wird sie ausschließlich in letzterer Form verwendet. 
       Das Revolutionäre war, dass Celsius vorgeschlagen hatte, sie als universelle Skala zu benutzen, um Temperaturen in der ganzen Welt zu vergleichen: Im Gegensatz zu anderen 
       Forschern notierte er bei der genauen Bestimmung der Fixpunkte auch den herrschenden Luftdruck (760 mm auf der Quecksilbersäule) und legte so genaue Messbedingungen fest.
    </p>
    <p>
       Im Jahr 1948 wurde die Temperaturskala von der 9. Generalkonferenz für Maß und Gewicht in Gedenken an Anders Celsius in Celsius-Skala umbenannt. Das Originalthermometer 
       kann heute im Museum der Universität Uppsala, dem Gustavianum, besichtigt werden. Es besteht, genau wie ein heutiges Thermometer, aus einem auf ein Holzbrett mit Skala 
       montierten Quecksilberreservoir mit angesetzter Kapillare.</p>
    <p>Quelle: <a href="https://de.wikipedia.org/wiki/Erde">Wikipedia</a></p>

</body>
</html>