carousel2

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
carousel2 [2024/11/28 17:54] ayushcarousel2 [2024/11/29 16:55] (current) ayush
Line 250: Line 250:
     }     }
  
-    /* No Blur on Hover */+ 
 +    .no-blur { 
 +        background: url('https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=slideshow:prom_leipzig_2024_slider_cropped.jpg'); 
 +        background-size: cover; 
 +        background-position: center; 
 +    } 
 + 
 +    .no-blur img { object-fit: contain !important; }
     /* Completely remove backdrop-filter for the no-blur slide */     /* Completely remove backdrop-filter for the no-blur slide */
     .no-blur .caption {     .no-blur .caption {
Line 282: Line 289:
         <!-- Slide 1 -->         <!-- Slide 1 -->
         <div class="swiper-slide no-blur">         <div class="swiper-slide no-blur">
-          <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=slideshow:prom_all_hands_2024_cropped.jpg" alt="PROM All-Hands Meeting 2024">+          <img src="https://www2.meteo.uni-bonn.de/spp2115/lib/exe/fetch.php?media=slideshow:prom_leipzig_2024_slider_cropped.jpg" alt="PROM All-Hands Meeting 2024">
           <div class="caption">           <div class="caption">
             <h3>PROM All-Hands Meeting 2024</h3>             <h3>PROM All-Hands Meeting 2024</h3>
  • carousel2.txt
  • Last modified: 2024/11/29 16:55
  • by ayush