![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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原创 2020-10-24 17:21:39 · 2688 阅读 · 0 评论 -
微信小程序实现转盘抽奖(有效果图)
效果图如下所示.wxml<view class="index"> <view class="xian"></view> <view class="xian"></view> <view class="xian"></view> <view class="detail">一等奖</view> <view class="detail">二等奖</view>原创 2020-08-18 17:34:08 · 8317 阅读 · 4 评论 -
CSS 实现微信小程序半圆无线滚动(过渡动画)
效果图如下所示.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.原创 2020-05-19 15:00:29 · 1662 阅读 · 0 评论 -
微信小程序用户盒子、宫格列表(CSS)
效果图如下所示.wxml<view class='user-box' style="margin-top:20rpx;"> <view class='ctn'> <view class='list' wx:for="{{4}}" wx:key data-index="{{index}}"> <imag...原创 2020-04-23 15:30:52 · 2630 阅读 · 0 评论 -
微信小程序仿京东优惠券
效果图如下所示仿京东微信小程序视频请加QQ:1010753897下载地址:https://download.csdn.net/download/qq_43764578/12314561.wxml<view class="blockgr"> <view class="xvxian"></view> <view class="coupon...原创 2020-04-23 10:33:15 · 1148 阅读 · 0 评论 -
CSS实现聊天气泡(三角形)
左边聊天气泡 /* 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...原创 2020-04-21 17:36:01 · 3452 阅读 · 2 评论 -
CSS让图片(垂直水平居中、垂直居中、水平居中)方法
图片水平垂直居中如下图所示1.使用text-align: center配合line-height完成水平垂直居中 /* CSS */ .vertical{ width: 100%; height:300px; background-color: #ddd; text-align: center; line-height: 300px; } .vertical>...原创 2020-04-16 10:30:33 · 7878 阅读 · 2 评论