🧑💻给Skura主题添加个性的LOGO
logo，css、Mashiro、有伴真白、白猫
Last updated
logo，css、Mashiro、有伴真白、白猫
Last updated
原文来自 雾时之森
header.php
引用上面文件里的 KosugiMaru-Regular.css 文件 header.php class=logolin 这个样式 其样式名字为所引用字体名字 （当这个地方的引用的字体为软件生成的字体）
.KosugiMaru-Regular { font-family: 'miao', 'Merriweather Sans', Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;; }
.logolink .sakuraso { background-color: rgba(255, 255, 255, .5); border-radius: 5px; color: #464646; height: auto; line-height: 25px; margin-right: 0; padding-bottom: 0px; padding-top: 1px; text-size-adjust: 100%; width: auto }
.logolink a:hover .sakuraso { background-color: orange; color: #fff; }
.logolink a:hover .shironeko, .logolink a:hover rt { color: orange; }
.logolink.KosugiMaru-Regular a { color: #464646; float: left; font-size: 25px; font-weight: 800; height: 56px; line-height: 56px; padding-left: 6px; padding-right: 15px; padding-top: 11px; text-decoration-line: none; } .logolink.KosugiMaru-Regular .sakuraso,.logolink.KosugiMaru-Regular.no { font-size: 25px; border-radius: 9px; padding-bottom: 2px; padding-top: 5px; } .logolink.KosugiMaru-Regular .no { display: inline-block; margin-left: 5px; }
.logolink a:hover .no { -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
.logolink ruby { ruby-position: under; -webkit-ruby-position: after; }
.logolink ruby rt { font-size: 10px; transform: translateY(-15px); opacity: 0; transiton-property: opacity; transition-duration: 0.5s, 0.5s; }
.logolink a:hover ruby rt { opacity: 1 } </code></pre>
