HTML5颜色渐变3D文字特效 今天我们要分享一款HTML5 3D文字特效,文字的颜色是渐变的,同时文字带有阴影,更加凸显了3D立体的视觉效果。 HTML代码 <h1 class="text"><span>Gradient 3D text</span></h1> CSS代码 body { background-color: #272727; } h1 { &n CSS / 笔记 2021-02-08 oaklee
wordpress顶部导航栏添加发光阴影发光边框效果 ⚠注意: box-shadow的四个参数 x-offset x 轴偏移 0 y-offset y轴偏移 0 blur 模糊值 20px color of shadow 阴影颜色 rgba(40, 173, 243, 0.8); RGB是说颜色,A是指透明度 红40, 绿173, 蓝243, 透明度80% 颜色自己查找颜色数字自己替换即可 代码: 具体效果请自行尝试。 CSS / Wordpress / 笔记 2021-02-06 oaklee
css logo图片嵌入 有时我们为了不影响网站的加载速度我们会将图片放到css中,那么今天我们就让站点的logo嵌入的css,那它是怎么实现的呢? css代码: HTML: CSS / 笔记 2021-02-06 oaklee
CSS 导航条 导航栏 拥有易用的导航条对于任何网站都很重要。 通过 CSS,您能够把乏味的 HTML 菜单转换为漂亮的导航栏。 导航栏: 去掉<li>标签的圆点: 垂直导航栏: 如需构建垂直导航栏,我们只需要定义 <a> 元素的样式,除了上面的代码之外: 水平导航栏 有两种创建水平导航栏的方法。使用行内或浮动列表项。 两种方法都不错,但是如果您希望链接拥有相同的尺寸,就必须使用浮动方法。 CSS / 笔记 2021-01-24 oaklee
实战:使用CSS和JS创建“前后”图像比较效果 这一节我们将会用到上一节的【HTML】slider: https://www.lilianhua.com/%e3%80%90html%e3%80%91slider.html 使用 html range input创建前后图像比较效果的分步教程。使用 CSS 和 JavaScript,JS 部分代码非常少,主要是 HTML、CSS,和实现思路。 介绍 如果你有两张图像进行比较,则“前后”图像滑块 CSS / Javascript / 笔记 2021-01-19 oaklee
JQuery -- Validate, Jquery 表单校验 1. Jquery 表单验证需要插件 jQuery validation 1.7 ---验证插件需要:jQuery 1.3.2 或 1.4.2版本 http://jquery.bassistance.de/validate/jquery.validate.zip 首页: http://bassistance.de/jquery-plugins/j CSS / Javascript / 笔记 2021-01-09 oaklee
jQuery总结 近来学习了jQuery,也看了阮一峰的博客,这里,简单总结一下jQuery的用法。 一、获取元素 jQuery获取元素,往往就是把一个选择表达式,放进构造函数jQuery(),然后就可以得到被选中的元素。如下例子: $(document) //选择整个文档对象 $('#myId') //选择ID为myId的网页元素 $('div.myClass') // 选择class为myClass CSS / 笔记 2021-01-08 oaklee
什么是 jQuery ? jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: 提示: 除此之外,Jquery还提供了大量的插件。 为什么使用 jQuery ? 目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。 很多大公司都在使用 jQuery, 例如: jQ CSS / Javascript / 笔记 2021-01-05 oaklee