换日线的博客

前端按钮动画 css动画

css打字特效

边上同事看了都说帅的文字动效

一款不错的文字动画

CSS文字填充、色差、填充动画有效果图

微信小程序三种裁剪动画有效果图

CSS进度条斑马纹带动画有效果图

效果图如下所示不懂得可以看注释 都有说明 主要就是理解怎么用 你会用出什么效果.wxml<view class="scroll"></view><image class="borimg" src="http://5b0988e595225.cdn.sohucs.com/q_70,c_zoom,w_640/images/20180402/e58cbe3035f343c082557b42a00e4d2e.jpeg"></image><image

效果图如下所示.wxml<view class="index"> <view class="xian"></view> <view class="xian"></view> <view class="xian"></view> <view class="detail">一等奖</view> <view class="detail">二等奖</view>

效果图如下所示.wxss<view class="holder"> <view class="preloader"> <view></view> </view></view>.wxml.holder{ width: 100%; float: left; height: 60rpx; text-align: center; position: relative; margin-to.

效果图如下所示.wxml<view class='user-box' style="margin-top:20rpx;"> <view class='ctn'> <view class='list' wx:for="{{4}}" wx:key data-index="{{index}}"> <imag...

效果图如下所示仿京东微信小程序视频请加QQ:1010753897下载地址：https://download.youkuaiyun.com/download/qq_43764578/12314561.wxml<view class="blockgr"> <view class="xvxian"></view> <view class="coupon...

左边聊天气泡 /* CSS */ .frame{ width: 100%; float: left; position: relative; padding: 0 0 0 5px; } .triangle{ width:0; height:0; border-top:5px solid transparent; border-bottom:5px soli...

图片水平垂直居中如下图所示1.使用text-align: center配合line-height完成水平垂直居中 /* CSS */ .vertical{ width: 100%; height:300px; background-color: #ddd; text-align: center; line-height: 300px; } .vertical&gt...