用css3实现当鼠标移进去时当前亮其他变灰效果
学习笔记2020/09/01CSS,HTML
用css3实现鼠标移进去当前亮其他变灰的特效。代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <meta ht...
  • 0
纯css3实现的竖形无限级导航
学习笔记2020/09/01CSS
之前为大家分享了好多导航菜单。今天给大家带来一款纯css3实现的竖形无限级导航。这款导航菜单可以是无限级。一起看下效果图：实现的代码。html代码：<div style="width: 700px; margin: auto;">        <div class=...
  • 0
html5配合css3实现带提示文字的输入框(摆脱js)
学习笔记2019/10/28CSS,HTML,HTML5
很久没写过技术文章了，最近一直在以Webkit作为载体开发系统，当然需要大量使用Html5与CSS3，不仅减少大量的JS还可以保证更流畅。  当选中对话框后，提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label。使用JS控制。 HTML5出现后，我们有一个更好的方法。 代码...
  • 0
使用css3制作齿轮loading动画效果
学习笔记2018/10/08CSS
HTML首先在页面中引入font-awesome文件。<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">然后在放置动画的位置加上HTML结构：<div class="container">     <div&nb...
  • 0
CSS3鼠标经过动画特效
学习笔记2018/08/02CSS,前端设计,HTML
HTML结构示例中，我们使用Bootstrap布局，该css3鼠标经过动画特效的HTML结构如下：WilliamsonWeb DeveloperKristianaWeb DesignerCSS样式然后通过下面的CSS样式来实现该css3鼠标经过动画特效。.box{     text-align: center;     overflow:&nbs...
  • 0
CSS3 loading三圆点加载动画特效
学习笔记2018/07/03CSS
安装可以通过npm来安装three-dots.css。npm install three-dots --save使用方法在页面中引入three-dots.css。HTML结构然后在你需要添加Loading效果的容器上添加相应的class类即可。可用的class类有：dot-elasticdot-pulsedot-flashingdot-collisiondot-revolutiondot-carouseldot-typingdot...
  • 0
CSS3实现的线条波浪动画效果
学习笔记2018/04/09CSS,HTML
HTML结构该css3线条波浪动画效果的HTML结构如下：<div class="waveWrapper waveAnimation">   <div class="waveWrapperInner bgTop">     <div class="wave waveTop" style="b...
  • 0
漂亮的代码语法高亮库：Prism.js
学习笔记2018/01/15JavaScript,CSS
如何使用我们只需要在页面上引入 prism.css 和 prism.js 文件：<!DOCTYPE html> <html> <head>     ...     <link href="themes/prism.css" rel="stylesheet" /> </head> <bo...
  • 0
手机移动端WEB资源整合
前端技术2018/01/12移动端,前端设计,CSS,HTML
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码<meta name="...
  • 0
前端head常用meta标签
学习笔记2017/11/10前端设计,HTML,CSS,meta
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head>     <!-...
  • 0

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案