当前位置: 首页  - 标签“CSS3“ - 列表 免费服务器领取!

CSS3

前端设计

CSS画太极图的方法

前两天发了两篇关于CSS画图形的方法,今天就有QQ咨询能不能用CSS画个太极图出来,自己试验了一下。发现CSS画张太极图的图案非常的简单,实现代码如下。CSS画太极图的方法css画太极太只需要一个DIV元素即可,不过要用到这个div元素的伪类。代码在下自己看下吧!<!--feiniaomy.com--><style>

前端设计

css画多边形的方法

利用CSS可以画多边形状的,比如平行四形,三角形,四边形,五边形,六边形等。具体方法参考下面的内容吧。CSS画四边形的方法css里面最简单的就是画四边形了,这个经常用到,具体不再多说,直接上CSS代码。CSS代码:<style>.m {width: 200px;&

前端设计

css画三角形的方法

闲着没事研究了下利用CSS样式代码画三角形的方法,比如CSS画直角三角形,CSS画等边三角形等。CSS画三角形是利用了DIV元素的边框的宽度以及颜色来实现的,具体可以参考下面的几个CSS画三角形的方法。css定义边框的宽度以及颜色css代码:<style>.m{width: 0px; &

前端设计

CSS中的伪类选择器详解

CSS样式代码中的伪类是用来添加一些选择器的特殊效果,可对已有元素处于某种状态时为其添加对应的样式,这个样式是根据用户的行为则动态变化的。如果你看不懂CSS伪类的解释,可以看看下面的这个示例!css伪类 :hover :hover:当CSS悬停与指定元素上时,触发的效果。例:使用 css :hover 伪类的方法利用 css :hove

前端设计

css 获取浏览器可视窗口的宽度与高度的方法

在web页面中,如果想设置一个div元素的高度与高度等于浏览器可视窗口的宽度与高度的话一般都是要借助js脚本来进行设置,除了js脚本外css样式代码中也提供了一个好的方法。css 获取浏览器窗口的宽度与高度的方法在桌面端(这里不涉及移动端),浏览器的可视区域也被称为“视口“,而它的宽度与高度也有相应的单位来表示,分别为"vw&q

前端设计

html页面仿黑客帝国代码雨源码示例

今天无意间看到抖音上有人直播用html加JS脚本写了一个仿黑客帝国电影中的代码雨的特效,就觉的很稀奇,就在网上找了一个源码然后自己修改了一下,感觉效果还可以,就分享一下。html+js使用黑客帝国代码雨的效果下面是使用黑客帝国代码雨的源码,直接复制到本地,保存为后缀为.html文件即可!<html><head>&l

前端设计

css3实现文本内容禁止选中的方法

今天在浏览网页的时候发现有些网页上的内容无法使用鼠标来进行选中,就深入的研究了下,发现是使用CSS的 user-select 属性来现实的,就记录一下。css user-select: 属性介绍user-select:规定用户用鼠标在页面上是否可以选中文字、图片等值:none:禁止用户选中。text:对用户的选择没有限制。all:目标元素

后端开发

php实现压缩css文件的方法

前端web中css样式文件如果压缩后再进行传输,可以大大的加快网页的载入速度同时也可以节省服务器的宽带资源,下面提供了两种php压缩css文件的方法,各位都可以尝试一下。php直接压缩css文件在后台可以使用单独的一个php文件对所有的css样式文件进行压缩处理,只需要去除css代码中的空格,换行,注释等等!php代码:<?php

前端设计

CSS隐藏滚动条的方法

web前端中,在正常的情况下如果隐藏滚动条,则会导致页面无法上下或左右滚动。但如果想达到隐藏滚动条又想不妨碍页面的滚动该如何做呢?下面我们就说一说如何使用CSS代码来达到隐藏滚动条的目的!firefox(火狐)浏览器CSS隐藏滚动条的方法对于火狐浏览器隐藏滚动条,只需要将滚动条的宽度设置为none即可!CSS代码:scrollbar-wi

前端设计

CSS3 实现div元素向上移动的效果

今天应一个用户的要求,要做一个html页面,而页面中的部份div元素,在鼠标移入时向上移动,鼠标移出时恢复到原来的位置。效果是用纯css3代码来实现的,不使用任合的JS代码。css3 实现div向上移动的效果代码html代码:<!DOCTYPE html><html><head><meta cha

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程