网页设计与制作,网页资源教程,网页源代码 _F11 - 专业站长和开发者的学习网站

APP正在开发中...

返回顶部

网页

纯css实现乌云密布的天气图标效果的教程

效果如下实现思路使用box-shadow属性画几个灰色的圆，将这些圆错落的组合在一起，形成乌云图案 after伪元素写乌云下的投影增加动画 do

1976

2019-09-16

css
html5移动端价格输入键盘的实现教程

简单实现移动端输入价格键盘 HTML： div class=main div id=show-price /div div class=keyboard div1/div div2/div div3/div div4/div div5/div div6/div div7/div div8/div div9

180

2019-09-16

html5
css3给背景设置渐变色的教程

css 给网页中的背景设置渐变色，css的渐变颜色可以指定固定的两个颜色之前的线性过度，这个css3属性只支持高版本的浏览器。 //浏览器前缀

2004

2019-09-14

css
用CSS防Lightbox实现点击小图无刷新显示大图的代码教程

用CSS防Lightbox实现点击小图无刷新显示大图代码代码简介： CSS的Lightbox是一个人见人爱的图片显示技术，她可以实现点击小图无刷新显示大

13142

2019-09-10

css
CSS loading效果之吃豆人的实现方法教程

前言这是一个用来练习的css demo，如果有哪里写的不好，还请各位指正，一定虚心接受。嘻嘻 HTML布局 div class=container div class=loading div clas

2028

2019-09-10

css
html/css中float浮动的用法示例教程

一、float基础用法示例 1、我们先建两个div盒子，设置高度、宽度和背景颜色；最开始两个盒子在网页上的位置如下：然后我们将红色盒子

243

2019-09-10

HTML/Xhtml
CSS3实现类似翻书效果的过渡动画的方法

在VUE实战项目的中有一个加载推荐书籍的过渡动画，在项目中是使用JS实现。当时看视频大概一个小时作用，拆分动画逻辑，写代码更是耗

18242

2019-09-09

css
自适应高度的textarea的方法

方法 1. HTML结构： div id=container textarea rows=1/textarea/div 2. CSS代码： * { padding: 0; margin: 0;}#container { width: 300px; padding: 10px; border: 1px solid #eee; bo

170

2019-09-09

html5
用CSS防Lightbox实现点击小图无刷新显示大图的方法

用CSS防Lightbox实现点击小图无刷新显示大图代码代码简介： CSS的Lightbox是一个人见人爱的图片显示技术，她可以实现点击小图无刷新显示大

1185

2019-09-09

css
纯css实现输入框placeholder动效及输入校验的教程

背景话不多说，我们能否用纯css实现以下效果: 答案是肯定的。借助css:placeholder-shown :valid :invalid伪类及html5 input pattern 属性就可以实现 :p

176

2019-09-02

css
基于Canvas手撸一个六边形能力图的方法

六边形能力图如下，由 6 个六边形组成，每一个顶点代表其在某一方面的能力。这篇文章我们就来看看如何基于 canvas 去绘制这么一个六边

1785

2019-09-02

html5
CSS3 translate导致字体模糊的解决方法

今日客户反馈，发现使用了 translate会导致字体模糊。 .media-body-box{ @media all and (min-width: 992px){ position: absolute; width: 100%; top:50%; transform: tran

1069

2019-08-31

css
详解CSS3 animation–steps函数

这几天在看一些 css3 动画的源码实现时，发现 css 代码的 animation 当中有一个比较陌生的单词 steps ，在源码中是这么写的： animation: thunder

625

2019-08-31

css
css画一个棒棒糖的代码教程

背景:每天进步一点点,多积累一点点.就会越来越棒代码: !doctype htmlhtml lang=enheadmeta charset=UTF-8title棒棒糖/title h3用css画一个棒棒糖/h3 p要求:

1747

2019-08-29

css
详解css实现n宫格布局的方法

现在的APP界面基本都是大同小异, 宫格布局现在基本成了每个APP必然的存在带边框, 常用在功能导航页面无边框, 常用在首页分类设计目标

1152

2019-08-29

css
详解flex布局的元素如何分配容器的剩余空间

在 flex 之前，如果不是专门去搜索相关的解决方案，一般人几乎想不出非常灵活的三（多）栏等高布局方案，而即使看了解决方案，很多人

1886

2019-08-29

css
html的几种水平垂直居中的方式（基础）总结

我们在编写马过程中，想必大家对水平垂直居中的方法了解并不多。所以我给大家总结式的列出几种常用的水平垂直居中的方法。第一种方

200

2019-08-24

HTML/Xhtml
HTML中的if判断用法解析

在django的web开发过程中，编写html时，从后端传入同名列表变量，但是内容格式有所区别，需要分别判断，查阅了很多文章试了好几种方法，

1315

2019-08-24

HTML/Xhtml
解决HTML5中滚动到底部事件的问题

问题：在H5中，我们有这样的需求：例如有列表的时候，滚动到底部时，需要加载更多。解决方案：可以采用window的滚动事件进行处理分析

1690

2019-08-23

html5