前端阿皓

一、预览效果 二、全部代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; line-height: 1; } html,body{ width: 100%; height: 100%; }

一、预览效果???? 二、全部代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } html,body{ width: 100%; height: 100%; ba

一、预览特效 二、全部代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } html,body{ width:100%; height:100%; backgrou

一、预览效果???? 二、代码讲解 1、clip-path:ellipse(100px 100px at 0% center); //裁剪可显示区域 裁剪一个100*100的区域 从0%的位置开始 垂直居中 2、background-clip: text //背景绘制区域给文字本身 三、全部代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></tit

一、效果预览 二、代码展示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; list-style: none; } body, html { width: 100%; height: 1

一、预览效果 二、全部代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } html,body{ width:100%; height:100%; } .box