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 · 1316 阅读 · 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 · 521 阅读 · 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 · 3823 阅读 · 0 评论