![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
蜗牛9528
java技术栈学习中…
展开
-
前端css最基本概念---选择器的优先级
css在书写的过程中难免的会出现对同一个元素的属性层叠,所以css也叫层叠样式表,由此带来的优先级问题值得我们了解。接下来看一段代码,里面主要包含了类选择器,通配选择器,id选择器,标签选择器以及行内样式,我用它们分别设置了p标签字体的颜色,接下来通过删除来观察它们的优先级行内样式<!DOCTYPE html><html> <head> <m...原创 2019-10-12 17:28:06 · 226 阅读 · 0 评论 -
(预测)前端2020的新趋势,由扁平化到新拟态的运用
什么是新拟态?什么是新拟态(Neumorphism) UI 风格?就是给予界面中的组件事物以真实的感觉,其实它也是拟物风格中的一种,只不过运用了不同的表现形式,新拟物设计风格最早出现在追波上,后面陆续被收录在2020设计趋势预测里面,在2019年的年末慢慢被大家熟知,讨论,重视起来。它是一种ui的新设计风格,兼顾创意和用户体验,有在前端(特别是移动端界面设计)运用的可能和前景。下图就是新拟态...原创 2020-04-02 14:43:30 · 4729 阅读 · 4 评论 -
2020前端不得不掌握的css3动画特效之(字节跳动,武汉加油!)
一,成品图本人自学css3动画特效,今天分享一个简单的字节跳动的特效字节跳动二,单个字跳动的实现步骤我们先来尝试一个字的跳动,我决定选取孤独的孤字。1: 第一步,消除浏览器默认样式,并且在网页上写一个孤字。2: 第二步,设置页面背景色,设置字体样式大小,并且居中。<!DOCTYPE html><html> <head> <meta c...原创 2019-09-19 18:55:40 · 2978 阅读 · 5 评论 -
前端程序员用css动画给女朋友一个惊喜
成品具体步骤1: 在百度上随便找一张喜欢的图片,最好是爱心树的样子。2: 利用ps软件,抠图扣出其中的一片叶子3: 然后写代码,将爱心树设置为页面背景*{ margin: 0; padding: 0;} div{ width: 100%; height: 1000px; background-image:url(img/tree.jpg); background...原创 2019-09-21 11:07:01 · 4203 阅读 · 9 评论 -
小白前端自制红警登陆界面(试水前端)
效果图代码一,html部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/zzh.css"/> &...原创 2019-09-26 20:13:14 · 1025 阅读 · 0 评论 -
2020前端不得不掌握的css3动画特效之(图片立体化效果)
效果图实现步骤1. html基本格式代码写上,然后在body中添加一个内容div,div里面放三张img图片图片路径自定义。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>3d</title> <link rel="styl...原创 2019-10-02 13:28:48 · 1659 阅读 · 0 评论