perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css fill possible for mouses, unlikely for banners

Browse Source
This commit is contained in:
asus
2023-11-19 17:53:47 +01:00
parent f027ca2752
commit ea781e2aac
4 changed files with 78 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
styles/elements/test.css
View File

@@ -1,87 +1,97 @@
#test {
border: 1px solid blue;
width: 100px;
height: 100px;
background-image: url(" \
data:image/svg+xml;utf8, \
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='100%'>\
<text x='0' y='15'>\
I love SVG!\
</text>\
</svg>");
}
/*
#test::after {
content: "  \a   \a   \a  \a \a  \a  \a  \a  \a    \a    \a  \a     \a    \a  \a ";
white-space: pre;
}
.mouse .frame {
white-space: pre;
}
*/
#mouse_test .frame.f1::before {
content: " \A \A  \A   \A \A   \A   \A    \A    \A   \A   \A    \A   \A  ";
content: " \A \A  \A   \A \A   \A   \A    \A    \A   \A   \A    \A   \A  ";
/*
 
  

  
  
   
   
  
  
   
  
 
 
  

  
  
   
   
  
  
   
  
 
*/
}
#mouse_test .frame.f2::before {
content: " \A \A  \A   \A \A   \A   \A    \A    \A  \A   \A    \A   \A  ";
content: " \A \A  \A   \A \A   \A   \A    \A    \A  \A   \A    \A   \A  ";
/*
 
  

  
  
   
   
 
  
   
  
 
 
  

  
  
   
   
 
  
   
  
 
*/
}
#mouse_test .frame.f3::before {
content: " \A \A  \A   \A \A   \A   \A    \A    \A   \A   \A    \A   \A  ";
content: " \A \A  \A   \A \A   \A   \A    \A    \A   \A   \A    \A   \A  ";
/*
 
  

  
  
   
   
  
  
   
  
 
 
  

  
  
   
   
  
  
   
  
 
*/
}
#mouse_test .frame.f4::before {
content: " \A   \A  \A   \A    \A   \A   \A    \A    \A    \A    \A  ";
content: " \A   \A  \A   \A    \A   \A   \A    \A    \A    \A    \A  ";
/*

  
 
  
   
  
  
   
   
   
   
 

  
 
  
   
  
  
   
   
   
   
 
*/
}