Ergebnis 1 bis 4 von 4

Thema: Bilder schräg stellen

  1. #1
    HTML Newbie
    Registriert seit
    04.11.2014
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bilder schräg stellen

    Hey Leute, ich würde gerne einige Bilder etwas schräger stellen und mit einem Rahmen belegen, der unten etwas breiter ist, sodass es wie ein altes Foto aussieht. Einer ne Idee wie das gehen könnte ?

    Soll in etwa so aussehen ....


    http://zurb.com/playground/css3-polaroids
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Bilder schräg stellen

    Mit transform:rotate(XXdeg); kanst du Elemente drehen.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    04.11.2014
    Beiträge
    4
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bilder schräg stellen

    ah super vielen Danke !!! Weißt du auch, wie ich so ne Art Rahmen dadrum bekomme, dass es aussieht wie so nen altes instant Foto ?

  4. #4
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Bilder schräg stellen

    So vielleicht.
    HTML-Code:
    <!doctype html>
    <html>
    <head>
    <title>Lenovo</title>
    <meta charset="UTF-8">
    <style>
    
    #polaroid {
     margin:100px 100px 10px 100px;
     padding:15px;
     float:left;
     position:relative;
     transform:rotate(4deg);
     background:#fff;
     box-shadow:0 0 4px #000;
    }
    
    #polaroid p {
     padding:5px;
     font-weight:bold;
     font-size:18px;
     color:#a4a;
     text-align:center;
    }
    
    #polaroid:before {
     content:"";
     position:absolute;
     top:15px;
     left:15px;
     width:350px;
     height:400px;
     background:rgba(150,100,0,.5);
    }
    </style>
    </head>
    <body>
    <div id="polaroid">
    <img src="tiger.jpg" width="350" height="400">
    <p>Tiger</p>
    </div>
    </body>
    </html>
    

Ähnliche Themen

  1. PDF online stellen
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 05.12.2010, 20:14
  2. Film von DVD ins Web stellen
    Von Loewenzahn im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 03.05.2007, 12:35
  3. HP online stellen
    Von kathili im Forum Flash Forum
    Antworten: 4
    Letzter Beitrag: 05.12.2006, 08:51
  4. ins netz stellen
    Von killerkenny im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 14.07.2006, 08:54
  5. Grafik schräg nach hinten auslaufen lassen
    Von balou3 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 12
    Letzter Beitrag: 20.07.2005, 20:56

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •