原文:纯CSS实现一个微信logo,需要几个标签?

博客已迁移至http: lwzhang.github.io。 纯CSS实现一个微信logo并不难,难的是怎样用最少的html标签实现。我一直在想怎样用一个标签就能实现,最后还是没想出来,就只好用两个标签了。 首先需要两个标签元素: 先画个背景: 再画个大的椭圆: 小的椭圆利用.inner的::before伪元素实现: 下图时现在的结果: 里面的四个圆怎么画呢 可以利用CSS 的box shadow ...

2016-02-04 21:58 18 5451 推荐指数:

查看详情

关于公众号内嵌网页的几个meta标签

最近在做公众平台内嵌app,其实也就是web app="=,不过就是基于信内置浏览器(safari加了一个WeixinJS对象),稍微记一下几个html的meta标签(web app通用) 这是我用自己的公众号做的一个test页面(主要用于观察下后台编辑器生成的页面布局) http ...

Mon May 12 17:57:00 CST 2014 0 2316
小程序如何动态修改page标签css样式

前提:在app.wxss和自己组件页面的***.wxss里面都可以更改page对应的样式。 场景:页面page设置为灰色 直接 但是这种场景下,如果该页面列表无数据,需要展示白色背景。这是需要动态根据页面有无数据,来改变背景的颜色。 demo.wxml ...

Wed Sep 11 00:34:00 CST 2019 2 5654
php实现自定义中间logo小程序码

小程序码生成的时候是默认使用小程序后台设置的小程序icon图片的,但是在有些场景我们可能要替换成我们自己想要的icon。 下面先放代码: 遇到的困难: *之前将头像图片、处理成圆形头像的图片及最后的组合图都先生成本地图片,然后再处理,这样就多了一个图片存放的问题,在用 ...

Thu Mar 07 03:01:00 CST 2019 0 856
利用css transition属性实现一个带动画显隐的小程序部件

我们先来看效果图 像这样的一个带过渡效果的小部件在我们实际开发中的应用几率还是比较大的,但是在开发小程序的过程中可能有的小伙伴发现transition这个属性它不好使(下面说明)所以我们这个时候会考虑去使用官方提供的wx.createAnimation API来创建动画。 接下 ...

Tue Jun 12 01:31:00 CST 2018 0 2338
css实现开红包动画

一个朋友让帮忙看一下开红包动画怎么实现,用最简单的方法,最简洁的代码来实现,作为一个前端,我决定能用css实现的动画就不用js html代码,我简单用两个div来代替,实现动画就把两个div放2张图片 css代码 ...

Mon Aug 19 17:51:00 CST 2019 0 997
小程序实现标签页滑块效果

小程序实现标签页滑块效果 小程序完整代码: wxml: wxss: js: json: 案例二: 效果图: 代码: wxml: js: wxss: 达叔小生:往后余生,唯独有你 You ...

Fri Dec 14 21:16:00 CST 2018 0 741
小程序-tab标签实现教程

一、摘要   tab栏(标签切换栏)是app中常见的一种交互方式,它可以承载更多的内容,同时又兼顾友好体验的优点。但在小程序中,官方并没有为咱们提供现成的组件。因此我们程序员展现才艺的时候到了(其实市面上的ui库也做了这个组件)。今天咱们就来实现一个对用户更加友好的tab栏,让用户“一点 ...

Sun Jan 13 04:12:00 CST 2019 1 5984
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM