Changeset 116285 in spip-zone for _squelettes_


Ignore:
Timestamp:
Aug 7, 2019, 10:25:54 AM (21 months ago)
Author:
real3t@…
Message:

[SoyezCréateurs?] Maintenant que backdrop-filter est utilisable dans Edge, Chrome et Safari (manque Firefox et mobiles), l'appliquer sur les quelques éléments ayant une semi-transparence placés au dessus d'images.
Un peu de doc : https://caniuse.com/#feat=css-backdrop-filter, https://developer.mozilla.org/fr/docs/Web/CSS/backdrop-filter, https://css-tricks.com/the-backdrop-filter-css-property/ et http://jsbin.com/mokupo/embed?css,output

Location:
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportailcognac.css.html

    r115899 r116285  
    721721  padding: 1.75em !important;
    722722}
     723@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
     724  #liens-diaporama li, .slider-content.desc-gauche {
     725      -webkit-backdrop-filter: blur(10px);
     726      backdrop-filter: blur(10px);
     727  }
     728}
    723729#content .slider-content.desc-gauche h3 {
    724730  margin: 0 0 1em 0;
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

    r116141 r116285  
    589589[(#REM) Si titre visible OU pas de logo de survol du site ]
    590590[(#CONFIG{soyezcreateurs/afficher_titre,visible}|=={visible}|oui|?{' ',[(#LOGO_SITE_SPIP_SURVOL|non)]})
    591 #header h1 { float:left; margin:0; padding:0 1em; text-shadow: 2px 2px 2px #7f7f7f; background-color: rgba([(#GET{c_header_bk}|sc_rgb)],0.7); border-radius: 0 2.5em;
     591#header h1 { float:left; margin:0; padding:0 1em; background-color: rgba([(#GET{c_header_bk}|sc_rgb)],0.7); border-radius: 0 2.5em;
    592592        [(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)
    593593        padding-top:#CONFIG{soyezcreateurs/logoheadery,20}px;
    594594        ]
    595595        margin-top: 56px; margin-left: 1em; padding-bottom: .5em;
     596}
     597@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
     598  #header h1 {
     599          background-color: rgba([(#GET{c_header_bk}|sc_rgb)],0.5);
     600      -webkit-backdrop-filter: blur(10px);
     601      backdrop-filter: blur(10px);
     602  }
    596603}
    597604#header h1, #header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:focus, #header h1 a:active { color: #GET{c_header}; }
Note: See TracChangeset for help on using the changeset viewer.