|
|
| Line 1: |
Line 1: |
| /* This one is a legacy blur class. It may be removed in the future. **/ | | /* For visual effect, as of now only used on [[Illithid Powers]]. */ |
| .bg3wiki-spoiler-blur { | | .visible-on-hover:hover, .visible-on-hover:focus { |
| filter: blur(3px);
| |
| opacity: 0.2;
| |
| transition-property: filter, opacity;
| |
| transition-duration: .4s;
| |
| }
| |
| | |
| | |
| .bg3wiki-spoiler-blur:hover, .bg3wiki-spoiler-blur:focus { | |
| filter: none; | | filter: none; |
| opacity: 1; | | opacity: 1; |
| }
| |
|
| |
| /* The following are the new blur classes. */
| |
| .bg3wiki-spoiler-blur-hoverable:hover, .bg3wiki-spoiler-blur-hoverable:focus {
| |
| filter: none;
| |
| opacity: 1;
| |
| }
| |
|
| |
| .bg3wiki-spoiler-blur-link {
| |
| filter: blur(3.5px);
| |
| opacity: 1.0;
| |
| transition-property: filter, opacity;
| |
| transition-duration: .1s;
| |
| }
| |
|
| |
| .bg3wiki-spoiler-blur-paragraph {
| |
| filter: blur(3px);
| |
| opacity: 0.2;
| |
| transition-property: filter, opacity;
| |
| transition-duration: .4s;
| |
| }
| |
|
| |
| .bg3wiki-spoiler-blur-image {
| |
| filter: contrast(5%) blur(3px);
| |
| opacity: 0.5;
| |
| transition-property: filter, opacity;
| |
| transition-duration: .4s;
| |
| } | | } |
