#精品

Ripro主题Logo加flash效果WordPress教程

最近看到很多网站 LOGO 都有闪烁的效果。怎么做？边肖也研究过，适用于所有网站。让我们与您分享代码…

需要修改文件分别为：

文件你看哪个位置方便分别可加在主题设置css里也可以放在\ripro\assets\css\diy.css

/* * LOGO */ .logo-wrapper { position: relative; font-size:2em; font-weight:700; line-height:39px; overflow:hidden; margin:0; } .logo-wrapper::before{ content:””; position: absolute; width: 150px; height: 10px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite; } .ripro-dark .logo-wrapper::before{ content:””; position: absolute; width: 150px; height: 10px; background-color: rgba(25, 22, 22, 0.55); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 1s ease-in 1s infinite; animation: searchLights 1s ease-in 1s infinite; } @-webkit-keyframes searchLights { 0% { left: -90px; top: 0; } to { left: 90px; top: 0; } } #help h2,#down h2{ font-size:18px; line-height:54px; color:#323232; border-bottom:2px solid #4f8af1; width:150px; font-weight:normal;} #help dt{cursor:pointer; color:#353535; font-size:18px;margin-bottom:20px; } #help dd{ display:none;color:#767676; font-size:14px; padding:10px; border-radius:5px; background:#f0f0f0; margin-bottom:20px;margin-bottom:20px; line-height:25px; letter-spacing:1px;} #help dt,#help dd{ margin-left:40px; position:relative;} #help dt i,#help dd i{background:url(https://img.srcdict.com/ico.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-40px; top:0px;} #help dd i{background-position: 0 -35px;}

转载请注明：汇站网 » Ripro 主题 Logo 加 flash 效果 WordPress 教程