![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
爱吃爱喝
仅作随手记录
展开
-
微信小程序实现星级评价
其实展示星级的例子已经很多了,不过为了记录一下,下次好用到,我整理了一下代码方法借鉴别人的,有的已经找不到出处了。第一种是后台传数字,显示星星颗数<view class='starbox'> <text>学员满意度</text> <block wx:for="{{stars_1}}" wx:key='index'> <image class="starImage" src="{{selectedSrc}}"原创 2020-07-08 14:48:01 · 2652 阅读 · 0 评论 -
微信小程序动画记录
1.实现闹钟,礼物摇晃的动画。微信小程序里面使用动画和一般的不一样,比较复杂冗余一些,首先要先在wxml中设置animation,<image animation="{{animation}}" src="{{imgs.remind}}" bindtap="toRemind"></image>然后在js的data数据里面定义:animation: {},动画的方法:remind() {// 1: 创建动画实例animation:var animation = wx.原创 2020-06-12 12:00:01 · 227 阅读 · 0 评论 -
空心艺术文字css样式
样式为:.tabtitle { font-size: 36rpx; color: #fff; text-shadow: #d56238 0px 2px, #d56238 2px 0px, #d56238 -2px 0px, #d56238 0px -2px, #d56238 -1.4px -1.4px, #d56238 1..原创 2020-06-03 11:33:00 · 2069 阅读 · 0 评论 -
css居中的一些方法
常用简单的集中居中方法:1.margin<style type="text/css"> #box{ width: 200px; height: 200px; background-color: pink; margin: 0 auto; }</style></head><body> <div id="bo...原创 2019-12-06 13:50:03 · 103 阅读 · 0 评论 -
阴影动画
.share{ animation: shrink 1.5s infinite alternate;}@keyframes shrink { 0% { filter: drop-shadow(0 0 15px green);}无聊记录的,图片啥的都是网上找的infinite :无限循环alternate:间隔filter:滤镜drop-shadow:filter里...原创 2019-12-02 17:41:55 · 143 阅读 · 0 评论 -
一些css小记录
1.清除一段字符串里面的特殊字符:this.useraddress = option.location.replace(/[-|\*^%$#@-]/g,"");2.使用伪元素画下划线:.active {position: relative;color: #2196F3;}.active::after {content: “”;position: absolute;width:8...原创 2019-11-13 17:54:21 · 85 阅读 · 0 评论