css教程,css代码,网站css特效样式_F11 - 专业站长和开发者的学习网站

网站首页收藏本站

广告位联系

APP正在开发中...

返回顶部

css

CSS3边框效果介绍

什么是CSS# CSS(Cascading Style Sheets的缩写)，翻译为层叠样式表或级联样式表，简称样式表。 CSS的主要作用# 它主要是用来给HTML网页来设置外观

157

2019-11-05

css
uni-app中使用scss的教程

遇到的坑整个一个下午我都在解决uni-app中使用scss的坑，首先说一下我的问题，在用scss时一直不能使用@mixin，然后百度各种办法调试：代码

454

2019-11-04

css
CSS实现标签效果方法

需求场景当前端页面需要展示皮肤是否在使用、书籍是否阅读中、文件是否下载完成时，这时最直接的效果就是在盒子(div)左/右上角显示相

1835

2019-10-14

css
scss使用mixin不生效(浏览器无法编译出来)的解决方法

mixin方法：浏览器无法编译：以前旧版sass是支持上面写法，现在新版后不支持，传入变量必须加#{}编译浏览器编译：

9243

2019-10-14

css
css中position absolute相对于父元素的设置方式

大家知道css的position absolute默认是根据document来设置的，比如position:absolute后设置left:0;top:0这时候元素会显示到页面的左上角。有时候我们需

7790

2019-10-10

css
浅谈只要css就能实现的骨架屏方案

线上体验地址 https://jsfiddle.net/z13wtr0q/ 先说优缺点，毕竟骨架屏实现的方案有很多种优点简单，不需要工程，不用puppeteer生成骨架dom，也不

616

2019-09-20

css
纯css写一个大太阳的天气图标的教程方法

效果效果图如下实现思路 div实现太阳的一条矩形光影 before伪元素制作另一条光影矩形，和已有的转变90 after伪元素画个圆实现太阳样式

169

2019-09-19

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

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

1983

2019-09-16

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

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

2017

2019-09-14

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

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

13149

2019-09-10

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

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

2036

2019-09-10

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

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

18271

2019-09-09

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

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

1193

2019-09-09

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

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

188

2019-09-02

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

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

1075

2019-08-31

css
详解CSS3 animation–steps函数

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

636

2019-08-31

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

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

1788

2019-08-29

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

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

1193

2019-08-29

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

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

1894

2019-08-29

css