关键字:CSS代码
  • web前端入门到实战:html5网页特效-水墨动画
    效果 鼠标触碰按钮,出现水墨风格动画 屏幕自适应 一份html文件,一份css文件,无javascript,上手程度:很简单 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示元素,除了优先级更 ...
  • web前端入门到实战:css预处理器 - sass/scss、less、stylus
    css 预处理工具,可以将其对应的DSL(领域特定语言)编译为 css 基本介绍 sass/scss SASS 2007年诞生,最早也是最成熟的CSS预处理器,拥有ruby社区的支持和compass这一最强大的css框架 Sass的缩排语 ...
  • web前端学习:1分钟了解JavaScript基础语法规则
    俗话说,“无规矩不成方圆”。用在计算机语言上也同样使用。每种计算机语言都有自己的语法规则,只有遵循语法规则才能写出符合要求的代码。JavaScript也不例外,在使用JavaScript语言时,需要遵循某些语法规则,如执行顺序、大写和注释规 ...
  • web前端入门到实战:送给CSS初学者的悬停过渡动画三部曲
    CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子,可能只是几行代码,但是添加到Web应用程序中,却会让它增色不少。 如下是我们将在本教程中构建的代码 项目设置 在这个项目中,我们将把过渡效果应用到一个class为 ...
  • 从零搭建项目(1) --- 项目及其技术栈介绍
    前言 最近时间上比较宽裕,终于可以把我的个人博客项目完成,该博客包含一个正式环境和一个测试环境,使用到了包含从前端到后端再到部署的各种细碎知识点,也算是巩固了自身所学知识点,该博客99%均为TypeScript代码编写而成,对想学习Type ...
  • 从零搭建项目(7) --- 前端: 打包与环境变量设置
    我的博客地址 正式地址 测试地址 前端源码 后端源码 文章目录 项目及其技术栈介绍 前端: 项目初始化 前端: 使用Sass和Antd 前端: 开发体验优化 前端: 搭建路由和状态管理 前端: 支持Axios 前端: 打包与环境变量设置 前 ...
  • web前端入门到实战:CSS :placeholder-shown伪类实现输入框浮动文字效果
    在这篇文章中,我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果,使用纯CSS实现。 浮动的文字标签 当我们处理输入框时,会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的: label标签是关联表单 ...
  • 使用纯CSS代码实现3D旋转效果
    主要使用CSS中的 preserve-3d 、perspective 属性实现3D效果 效果 GIF.gif HTML代码 <div class="face fron ...
  • 程序猿经常用的五款前端编辑器,你知道几个?
    小编日常用的有是sublime text和VS Code sublime中规中矩的外观,可以通过配置文件定义各种外观细节。 有多种布局方式,日常也是比较够用了! sublime拥有N多插件,只有你想不到的,估计没有他做的到的!(好没有信心啊 ...
  • 【前端进阶100天】Day07 图片整合技术&#124;宽高自适应&#124;过滤器&#124;伪对象选择符
    今日内容: 1、图片整合的概念,使用图片整合的优势 2、最小宽度、最小高度、最大宽度、最大高度 3、过滤器的使用 4、宽高自适应的概念和使用 5、最小高度和高度自适应引发的兼容问题(针对IE浏览器) 6、浮动元素父元素高度自适应引发的高度坍 ...

暂无数据