Script, Codes für Forum - Webseite » Bild mit animierten Bilderrahmen

<style>
body {
  width 100%;
  background: rgba(18,17,18,1);
  padding: 24px;
}
 
.wrapper {
  padding-top: 150px;
  width: 250px;
  height: 150px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: linear-gradient(90deg, #e9c794 0%, #a6eed7 30%, #6a4bc9 70%, #e9c794 100%);
  background-size: 200% auto;
  animation: animated-border 5s linear infinite;
  box-shadow:
  0px 2.8px 2.2px rgba(0, 0, 0, 0.038),
  0px 6.7px 5.3px rgba(0, 0, 0, 0.055),
  0px 12.5px 10px rgba(0, 0, 0, 0.065),
  0px 22.3px 17.9px rgba(0, 0, 0, 0.07),
  0px 41.8px 33.4px rgba(0, 0, 0, 0.072),
  0px 100px 80px rgba(0, 0, 0, 0.07)
;
}
 
.card {
  position: absolute;
  top: 1%;
  left: 0;
  right: 0;
  height: 98%;
  width: 98%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  align-self: center;
  background: #fff;
  z-index: 2;
  border-radius: 7px;
  overflow: hidden;
}
 
.card img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
 
@keyframes animated-border {
  from {
    background-position: 200% right;
  }
  to {
    background-position: 200% center;
  }
}
 
@keyframes shimmer {
  to {
    background-position: 200% bottom;
  }
}
 
</style>
 
<div class="wrapper">
  <div class="card">
    <img src="https://iili.io/J5oJmDF.jpg" alt="">
  </div>
</div>
<br>
 
 <span title='
<h2><center><span style="color:#222222"><u>Exif Daten!</u></span></center></h2>
<div style="font-size:14px;background-color:#00115f;padding:10px 20px;border:2px solid #00007f;color:#FFFFFF;">
 
<table id="exifdetail"><tbody><tr><th>Name</th><th>Wert</th></tr><tr class="edet"><td>Upload</td><td>16.Februar 2024 10:13</td></tr><tr class="edet"><td>Aufnahmedatum</td><td>2022:09:27 09:23:51</td></tr><tr class="edet"><td>Kameramarke</td><td>samsung</td></tr><tr class="edet"><td>Model</td><td>SM-G960F</td></tr><tr class="edet"><td>Brennweite</td><td>430/100</td></tr><tr class="edet"><td>Kleinbildbrennweite</td><td>26</td></tr><tr class="edet"><td>Digital-Zoom</td><td>0/0</td></tr><tr class="edet"><td>Software</td><td>G960FXXUHFVG4</td></tr><tr class="edet"><td>Belichtungszeit</td><td>1/17</td></tr><tr class="edet"><td>Blende</td><td>150/100</td></tr><tr class="edet"><td>ISO</td><td>320</td></tr><tr class="edet"><td>EV-Wert</td><td>0/10</td></tr><tr class="edet"><td>COMMENT</td><td><table></table></td></tr><tr class="edet"><td>Blitz</td><td>Flash did not fire</td></tr><tr class="edet"><td>Weißabgleich</td><td>Auto white balance</td></tr></tbody></table>
</div>
<br>
'>Exif Daten</span>
 

[Bild mit Rahmen]https://iili.io/J5oJbN1.jpg[/Bild mit Rahmen] [center][tooltipp_text] <div id="exifdata" class="" style="display: block;"><table id="exifdetail"><tbody><tr><th>Name</th><th>Wert</th></tr><tr class="edet"><td>Upload</td><td>16.Februar 2024 10:13</td></tr><tr class="edet"><td>Aufnahmedatum</td><td>2022:09:27 09:23:44</td></tr><tr class="edet"><td>Kameramarke</td><td>samsung</td></tr><tr class="edet"><td>Model</td><td>SM-G960F</td></tr><tr class="edet"><td>Brennweite</td><td>430/100</td></tr><tr class="edet"><td>Kleinbildbrennweite</td><td>26</td></tr><tr class="edet"><td>Digital-Zoom</td><td>0/0</td></tr><tr class="edet"><td>Software</td><td>G960FXXUHFVG4</td></tr><tr class="edet"><td>Belichtungszeit</td><td>1/17</td></tr><tr class="edet"><td>Blende</td><td>150/100</td></tr><tr class="edet"><td>ISO</td><td>320</td></tr><tr class="edet"><td>EV-Wert</td><td>0/10</td></tr><tr class="edet"><td>COMMENT</td><td><table></table></td></tr><tr class="edet"><td>Blitz</td><td>Flash did not fire</td></tr><tr class="edet"><td>Weißabgleich</td><td>Auto white balance</td></tr></tbody></table><div id="forceexifreload" style="text-align:center; margin-top:10px;" onclick="force_exif_reload= true; setExif();"></div> [/tooltipp_text] Exif Daten
[/tooltipp_ende][/center]