[CSS] CSS Schnickschnack

Dieses Thema im Forum "Webdesign" wurde erstellt von Plemo, 23. November 2012 .

Schlagworte:
  1. 23. November 2012
    CSS Schnickschnack

    Hallo,

    ich muss gerade eine Website erstellen und darf dabei nur html und css benutzen. Ich habe die Seite schon fertig geschrieben und jetzt wollte ich euch noch fragen ob ihr noch irgendwelche lustigen Befehle kennt die meine Seite aufpeppen. Ich habe schon gegoogelt und ein paar Befehle gefunden.

    Danke

    Grüße
     
  2. 23. November 2012
    AW: CSS Schnickschnack

    Du meinst mit "lustig", so etwas wie das hier:

    Einfach an das Ende deines CSS-Codes packen:
    Code:
    body::after {
     content: 'Funny';
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     color: #00FF00;
     font-size: 200px;
     text-align: center;
     vertical-align: middle;
     line-height: 100%;
     background: #FF00FF;
     z-index: 9853214;
    }
     
    1 Person gefällt das.
  3. 23. November 2012
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: CSS Schnickschnack

    @Nanobyte
    ich lauch mich schlapp, sehr lustig

    @Plemo
    vielleicht magst du dir das mal angucken.
    ist nicht lustig, aber könnte deine seite pimpen
     
  4. 23. November 2012
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: CSS Schnickschnack

    Das is ja mal cool, gleich mal gebookmarked

    @TE: definiere mal lustig^^
     
    1 Person gefällt das.
  5. 23. November 2012
    Zuletzt bearbeitet: 23. November 2012
    AW: CSS Schnickschnack

    Code:
    @keyframes funny {
     0% { transform: rotate(0deg) scale(1) }
     50% { transform: rotate(180deg) scale(.1) }
     100% { transform: rotate(360deg) scale(1) }
    }
    
    html {
     overflow: hidden;
     animation: funny 5s linear 1s infinite
    }
    das ist auch super funny

    hier noch was:
    Code:
    @keyframes funny {
     0% { transform: rotateY(0deg) rotateZ(0deg) scale(1) }
     50% { transform: rotateY(180deg) rotateZ(180deg) scale(.1) }
     100% { transform: rotateY(360deg) rotateZ(360deg) scale(1) }
    }
    
    html {
     overflow: hidden;
     animation: funny 5s linear 1s infinite;
    }
     
  6. 23. November 2012
    AW: CSS Schnickschnack

    Das Problem ist, dass ich selber nicht genau weiß was ich suche. Ich will einfach ein Paar Effekte die mich von den anderen hervorheben...
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.