上一页 1 2 3 4 5 6 7 ··· 18 下一页
摘要: 使用css+svg实现支付宝小鸡吃米 效果图: 实现一部分场景与动画,剩下得有时间继续完善 svg方面 主要使用svg画不规则物体,连体山脉与草丛背景都是使用svg一笔画出,路径画法参考SVG矢量绘图 path路径详解(贝塞尔曲线, 曲线, 平滑直线及弧形) css3 剩下大部分都是由div+css 阅读全文
posted @ 2020-06-11 10:52 10年码农 阅读(342) 评论(0) 推荐(0) 编辑
摘要: border-radius是向元素添加圆角边框。 使用方法: border-radius:10px;/* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px;/* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 实心上半圆: 方法:把高 阅读全文
posted @ 2020-06-11 09:58 10年码农 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 概念篇学完了概念好像没啥用。今天我们来使用Grid完成两个简单布局。 声明容器 display: grid;或display: inline-grid;或display: subgrid;。grid 和 inline-grid 很好理解就是块级网格及行内块级网格。subgrid 是用来定义子网格,子 阅读全文
posted @ 2020-06-11 09:23 10年码农 阅读(204) 评论(0) 推荐(0) 编辑
摘要: PC微信扫码登录 近期做一个PC端微信扫码登录的需求,微信扫码有两种方式,一种是新开一个二维码页面,另一种是内嵌入产品网页。本次以内嵌二维码为例,具体怎样在页面中显示一个登陆二维码,文档说的很清楚,就不赘述了,文档地址:https://open.weixin.qq.com/cg... 解决自定义微信 阅读全文
posted @ 2020-06-11 08:45 10年码农 阅读(1253) 评论(0) 推荐(1) 编辑
摘要: 关于css的flex布局,我只想说他真的解决了曾经布局中float和position中的痛苦,网上关于flex的文章很多了,在这里分享两篇好的文章(真的只有两篇)供大家学习. 一.阮一峰(不用多说很详细)Flex 布局教程:实例篇Flex 布局教程:语法篇 二.渔人码头用大彩图和GIF动画解释 用大 阅读全文
posted @ 2020-06-10 23:59 10年码农 阅读(181) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网格布局Grid用法</title> <style> body{ width: 100%; height: 100%; display: flex; justi 阅读全文
posted @ 2020-06-10 23:27 10年码农 阅读(226) 评论(0) 推荐(0) 编辑
摘要: 快来Star,在这里哦Awesome UIKit。 Collect JS Frameworks, Web components library and Admin Template. Frameworks Most of this comes from: The Ultimate Guide to 阅读全文
posted @ 2020-06-10 22:37 10年码农 阅读(622) 评论(0) 推荐(0) 编辑
摘要: 效果图 代码 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met 阅读全文
posted @ 2020-06-10 21:58 10年码农 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 由数据绑定和排序引入的几个 JavaScript 知识点 在 JavaScript 的数据绑定和做简单的表格排序中遇到的几个知识点 [[JS 基础] 对象冻结](https://juejin.im/entry/58998... 作者:滴滴公共前端团队 - YXY 前言: 很多人看 Vue 2.* 版 阅读全文
posted @ 2020-06-10 21:18 10年码农 阅读(103) 评论(0) 推荐(0) 编辑
摘要: One 核心代码: .loading{ width: 70px; height: 200px; margin: auto; display: flex; } .loading span{ display: inline-block; width: 8px; height: 40px; border- 阅读全文
posted @ 2020-06-10 20:45 10年码农 阅读(107) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 18 下一页