51工具盒子
CSS样式代码在线生成工具
> **Animista** ：<https://animista.net/> 各种动画这里都有。 [](...
前端开发
使用CSS box-shadow属性绘制文字
在QQ邮箱中看到一封垃圾邮件。 [](http://static.51tbox.com/static/2025-01-06/c...
HTML5手机端电子签名jSignature
移动端页面进行手写签名，如果是较长的页面，签名时不会上下滑动页面。 只需引入一个js文件即可，使用简单。 画笔粗细、颜色都可以配置。 直接上代码。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <m...
CSS3 之 flex 布局
一、前言 {#一、前言} ------------ flex 是 flexible Box 的缩写，意为**弹性布局**，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定 flex 布局。 二、布局原理 {#二、布局原理} ---------------- 采用 flex 布局的元素成为 flex 容器。其所有子元素会自动成为容器成员，成为 flex 项目。 通过...
CSS3 之 filter 属性
一、前言 {#一、前言} ------------ 在编写前端页面的动画效果时，或多或少会用到 `filter` 属性，由于其属性值过多，故本篇用于整理和记录其相关资料。 二、介绍 {#二、介绍} ------------ `filter`属性定义了元素(通常是)的可视效果。 属性值如下： | 属性值 | 描述 ...
html中实现文字滚动的两种方式
网页中时常能看到文字滚动的效果，尤其是在网页的广告中，下面记两种实现的方法 {#toc_0} ---------------------------------------------- *** ** * ** *** ### 第一种 {#toc_1} 使用marquee标签实现 > marquee标签是html中的默认标签，但是在html5中已被取消，虽然还有部分...
html实现轮播图思路
' \<div class="loop_pic"\>\< img src="1.jpg"\>\</div\> \<div class="loop_pic"\>\< img src="2.jpg"\>\</div\>...
CSS3 动画简单入门
一、基本介绍 {#一、基本介绍} ---------------- |-----------------------|----------------------------------------------------------------------------------------| | ``` 1 2 3 4 5 6 7 ``` | ``` transform ...
jquery监听键盘点击
前言 === 这边需要在js里加个回车登录，网上搜了一下发现都是用过时的event.keyCode，于是重新发一下最新的。方便以后查阅。 代码 === $(document).keyup(function(event){ if (event.key === "Enter") { $("#logi...
JavaScript-内建对象
> ⭐️ 有关JavaScript的学习总结 *** ** * ** *** <br /> 内建对象 {#%E5%86%85%E5%BB%BA%E5%AF%B9%E8%B1%A1} -------------------------------------------- ### \>解构赋值 {#%3E%E8%A7%A3%E6%9E%84%E8%...
