imported>=海豚= |
imported>=海豚= |
| 第1行： |
第1行： |
| a,
| | <span title="{{{2}}}" class="mousetext" style="cursor: {{{cursor|help}}}; {{{textstyle|text-decoration: underline dotted;}}}">{{{1}}}</span><noinclude> |
| pre,
| | {{documentation}}[[分类: 辅助模板]]</noinclude> |
| code,
| |
| .noripple,
| |
| .heimu,
| |
| .hover {
| |
| position: relative !important;
| |
| z-index: 99;
| |
| } | |
| | |
| .mouse-ripple {
| |
| width: 100%;
| |
| height: 100%;
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| }
| |
| | |
| .mouse-ripple b {
| |
| display: block;
| |
| }
| |
| | |
| .mouse-ripple .a {
| |
| height: 2vw;
| |
| }
| |
| | |
| .mouse-ripple .a .b {
| |
| width: 2vw;
| |
| height: 2vw;
| |
| display: inline-block;
| |
| overflow: hidden;
| |
| opacity: 0.7;
| |
| } | |
| | |
| .mouse-ripple .a .b>b {
| |
| height: 100%;
| |
| border-radius: 50%;
| |
| overflow: hidden;
| |
| transition: all 0.5s;
| |
| transform: scale(0);
| |
| opacity: 0;
| |
| } | |
| | |
| .mouse-ripple .a .b>b::before {
| |
| content: '';
| |
| width: 100%;
| |
| height: 100%;
| |
| display: block;
| |
| box-sizing: border-box;
| |
| border-color: inherit;
| |
| border: 1vw solid;
| |
| } | |
| | |
| .mouse-ripple .a .b:hover b {
| |
| transition-duration: 0s;
| |
| transform: scale(1);
| |
| opacity: 1;
| |
| }
| |
模板文档