51 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			51 lines
		
	
	
		
			1.0 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| @import "reset-to-defaults.css";
 | |
| 
 | |
| #button1 {
 | |
|     background-image: linear-gradient(alpha(red, 0.50),alpha(red,0.50)), linear-gradient(lime,lime);
 | |
| }
 | |
| 
 | |
| #button2 {
 | |
|     background-color: lime;
 | |
|     background-image: linear-gradient(alpha(red, 0.50),alpha(red,0.50)), linear-gradient(transparent,transparent);
 | |
| }
 | |
| 
 | |
| #button3 {
 | |
|     padding: 12px;
 | |
|     background-image: linear-gradient(alpha(red, 0.50),alpha(red,0.50)), linear-gradient(lime,lime);
 | |
|     background-clip: content-box;
 | |
| }
 | |
| 
 | |
| #button4 {
 | |
|     padding: 12px;
 | |
|     background-image: linear-gradient(red,red), linear-gradient(lime,lime);
 | |
|     background-clip: content-box, padding-box;
 | |
| }
 | |
| 
 | |
| #button5 {
 | |
|     padding: 12px;
 | |
|     background-image: linear-gradient(red,red), linear-gradient(transparent,transparent);
 | |
|     background-clip: content-box, padding-box;
 | |
|     background-color: lime;
 | |
| }
 | |
| 
 | |
| #ref1,
 | |
| #ref2 {
 | |
|     background-color: #807f00;
 | |
| }
 | |
| 
 | |
| #ref3 {
 | |
|     padding: 12px;
 | |
|     background-color: #807f00;
 | |
|     background-clip: content-box;
 | |
| }
 | |
| 
 | |
| #ref4-bg,
 | |
| #ref5-bg {
 | |
|     background-color: lime;
 | |
| }
 | |
| 
 | |
| #ref4-fg,
 | |
| #ref5-fg {
 | |
|     background-color: red;
 | |
| }
 | 
