Diff
checker
Text
Text
Bilder
Dokumente
Excel
Ordner
Legal
Enterprise
Desktop-App
Preise
Einloggen
Diffchecker Desktop herunterladen
Texte vergleichen
Finde den Unterschied zwischen zwei Textdateien
Werkzeuge
Verlauf
Live-Editor
Gleiches ausblenden
Zeilenumbruch aus
Ansicht
Zweispaltig
Einspaltig
Vergleichsgenauigkeit
Intelligent
Wort
Zeichen
Syntaxhervorhebung
Syntax auswählen
Ignorieren
Text umwandeln
Zur ersten Änderung
Eingabe bearbeiten
Diffchecker Desktop
Der sicherste Weg, Diffchecker zu nutzen. Hol dir die Desktop-App: Deine Diffs verlassen nie deinen Computer!
Desktop holen
inside out project STEP-104 to STEP-105 CSS Code Changes
Erstellt
vor 8 Jahren
Diff läuft nie ab
Löschen
Exportieren
Teilen
Erklären
0 Entfernungen
Zeilen
Gesamt
Entfernt
Zeichen
Gesamt
Entfernt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
91 Zeilen
Kopieren
69 Hinzufügungen
Zeilen
Gesamt
Hinzugefügt
Zeichen
Gesamt
Hinzugefügt
Um diese Funktion weiterhin zu nutzen, aktualisiere auf
Diff
checker
Pro
Preise anzeigen
158 Zeilen
Kopieren
Kopieren
Kopiert
Kopieren
Kopiert
/*
CSS Document */
/*
inside out project STEP-105
CSS Document */
#logo {
cursor: pointer;
}
#logo:hover {
color: #EEE;
}
nav {
nav {
right: 250px;
right: 250px;
display: inline;
display: inline;
position: fixed;
position: fixed;
background: #FFF;
background: #FFF;
z-index: 1000;
z-index: 1000;
border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
padding-right: 20px;
padding-right: 20px;
}
}
nav ul {
nav ul {
list-style: none;
list-style: none;
position: relative;
position: relative;
float: left;
float: left;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
nav ul a {
nav ul a {
display: block;
display: block;
text-decoration: none;
text-decoration: none;
font-weight: 700;
font-weight: 700;
line-height: 32px;
line-height: 32px;
padding: 0 15px;
padding: 0 15px;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
color: #333;
font-size: 16px;
font-size: 16px;
}
}
nav ul li {
nav ul li {
position: relative;
position: relative;
float: left;
float: left;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
nav ul li.current-menu-item {
nav ul li.current-menu-item {
background: #ddd;
background: #ddd;
}
}
nav ul li:hover {
nav ul li:hover {
background: #DDD;
background: #DDD;
}
}
nav ul ul {
nav ul ul {
display: none;
display: none;
position: absolute;
position: absolute;
top: 100%;
top: 100%;
left: 0;
left: 0;
background: #f6f6f6;
background: #f6f6f6;
border: thin #225AA7 solid;
border: thin #225AA7 solid;
padding: 0;
padding: 0;
border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
}
nav ul ul li {
nav ul ul li {
float: none;
float: none;
width: 200px;
width: 200px;
}
}
nav ul ul a {
nav ul ul a {
line-height: 120%;
line-height: 120%;
padding: 10px 15px;
padding: 10px 15px;
}
}
nav ul ul ul {
nav ul ul ul {
top: 0;
top: 0;
left: 100%;
left: 100%;
}
}
nav ul li:hover > ul {
nav ul li:hover > ul {
display: block;
display: block;
}
}
#loaderDiv {
#loaderDiv {
background: url("https://90northgroup.com/wp-content/uploads/2017/02/cogs-1.gif") no-repeat center center fixed;
background: url("https://90northgroup.com/wp-content/uploads/2017/02/cogs-1.gif") no-repeat center center fixed;
position: fixed;
position: fixed;
z-index: 9999;
z-index: 9999;
top: 0;
top: 0;
left: 0;
left: 0;
bottom: 0;
bottom: 0;
right: 0;
right: 0;
opacity: 0.025;
opacity: 0.025;
background-size: 120%;
background-size: 120%;
background-color: #FFFFFF;
background-color: #FFFFFF;
display: none;
display: none;
}
}
Kopieren
Kopiert
Kopieren
Kopiert
section {
min-height: 450px;
}
.circle {
position: absolute;
top: 150px;
left: 50%;
transform: translate(-50%,-50%);
width: 350px;
height: 350px;
border: 5px solid #fff;
box-shadow: 0 0 0 5px #4973ff;
border-radius: 50%;
overflow: hidden;
}
.wave {
position: relative;
width: 100%;
height: 100%;
background: #4973ff;
border-radius: 50%;
box-shadow: inset 0 0 50px rgba(0,0,0,.5);
}
.wave:before,.wave:after {
content: '';
position: absolute;
width: 200%;
height: 200%;
top: 0;
left: 50%;
transform: translate(-50%,-75%);
background: #000;
}
.wave:before {
border-radius: 45%;
background: rgba(255,255,255,1);
animation: animate 5s linear infinite;
}
.wave:after {
border-radius: 40%;
background: rgba(255,255,255,.5);
animation: animate 10s linear infinite;
}
@keyframes animate {
0% {
transform: translate(-50%,-75%) rotate(0deg);
}
100% {
transform: translate(-50%,-75%) rotate(360deg);
}
}
Gespeicherte Diffs
Originaltext
Datei öffnen
/* CSS Document */ nav { right: 250px; display: inline; position: fixed; background: #FFF; z-index: 1000; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-right: 20px; } nav ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; } nav ul a { display: block; text-decoration: none; font-weight: 700; line-height: 32px; padding: 0 15px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 16px; } nav ul li { position: relative; float: left; margin: 0; padding: 0; } nav ul li.current-menu-item { background: #ddd; } nav ul li:hover { background: #DDD; } nav ul ul { display: none; position: absolute; top: 100%; left: 0; background: #f6f6f6; border: thin #225AA7 solid; padding: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; } nav ul ul li { float: none; width: 200px; } nav ul ul a { line-height: 120%; padding: 10px 15px; } nav ul ul ul { top: 0; left: 100%; } nav ul li:hover > ul { display: block; } #loaderDiv { background: url("https://90northgroup.com/wp-content/uploads/2017/02/cogs-1.gif") no-repeat center center fixed; position: fixed; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.025; background-size: 120%; background-color: #FFFFFF; display: none; }
Bearbeitung
Datei öffnen
/* inside out project STEP-105 CSS Document */ #logo { cursor: pointer; } #logo:hover { color: #EEE; } nav { right: 250px; display: inline; position: fixed; background: #FFF; z-index: 1000; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-right: 20px; } nav ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; } nav ul a { display: block; text-decoration: none; font-weight: 700; line-height: 32px; padding: 0 15px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 16px; } nav ul li { position: relative; float: left; margin: 0; padding: 0; } nav ul li.current-menu-item { background: #ddd; } nav ul li:hover { background: #DDD; } nav ul ul { display: none; position: absolute; top: 100%; left: 0; background: #f6f6f6; border: thin #225AA7 solid; padding: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; } nav ul ul li { float: none; width: 200px; } nav ul ul a { line-height: 120%; padding: 10px 15px; } nav ul ul ul { top: 0; left: 100%; } nav ul li:hover > ul { display: block; } #loaderDiv { background: url("https://90northgroup.com/wp-content/uploads/2017/02/cogs-1.gif") no-repeat center center fixed; position: fixed; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.025; background-size: 120%; background-color: #FFFFFF; display: none; } section { min-height: 450px; } .circle { position: absolute; top: 150px; left: 50%; transform: translate(-50%,-50%); width: 350px; height: 350px; border: 5px solid #fff; box-shadow: 0 0 0 5px #4973ff; border-radius: 50%; overflow: hidden; } .wave { position: relative; width: 100%; height: 100%; background: #4973ff; border-radius: 50%; box-shadow: inset 0 0 50px rgba(0,0,0,.5); } .wave:before,.wave:after { content: ''; position: absolute; width: 200%; height: 200%; top: 0; left: 50%; transform: translate(-50%,-75%); background: #000; } .wave:before { border-radius: 45%; background: rgba(255,255,255,1); animation: animate 5s linear infinite; } .wave:after { border-radius: 40%; background: rgba(255,255,255,.5); animation: animate 10s linear infinite; } @keyframes animate { 0% { transform: translate(-50%,-75%) rotate(0deg); } 100% { transform: translate(-50%,-75%) rotate(360deg); } }
Unterschied finden