![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
骑上我心爱的小摩托
掉入程序员的前端
展开
-
鼠标hover界面logo触发放大动画效果css样式
在宣传官网上普遍的动画效果,就是鼠标hover触发logo轻微变大 css代码效果如下: .featured-app-logo-wrapper{ width:120px !important; height:120px !important; margin:10px !important; transition:transform .32s !important } .featured-a...原创 2020-03-20 11:34:46 · 1311 阅读 · 0 评论 -
波涛滚动动画效果css样式
波涛效果图,入下图所示,实际动画效果是利用css animate不断左右平移波浪图,使其看起来像是在翻滚 1.动画css,此处用了三个波浪图,用两个动画效果进行交替移动展现 @keyframes trains{ from{background-position:0} to{background-position:-100% 0} } @keyframes trains2{ fr...原创 2020-03-18 12:58:25 · 507 阅读 · 0 评论 -
css设置字母数字字体库信息
引入字母数字字体库,当前展示效果如下: 对于css的引入font-face设置 @font-face { font-family: "Source Sans Pro"; src: local("Source Sans Pro"), url("/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf"); } @font-face { font-...原创 2020-03-17 15:57:25 · 3816 阅读 · 0 评论