CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/08 CSS

弹出窗体是网页常用的一个交互设计，在这个注重交互动画体验的时代，网页弹窗也可以来点新鲜的点子，比如今天分享的CSS 变形Modal Window。当用户点击按钮时，按钮将会变成一个全屏的屏幕，然后再显示内容，整个展示过程流畅友好，也许你可以尝试到你的新项目上。演示页：ht...

CSS伪类/伪元素选择器整理

前端技术 2023/09/08 CSS

一、超链接 a：link{ color:red;} a：visited{ color:blue;} a：hover{ color:black;} a：active{ color:#6600CC;} 注意：设置...

css 常用样式(分享)

前端技术 2023/09/08 CSS

font-family 设置字体名称可以使用多个名称，用逗号分隔，浏览器则按照先后顺序依次使用可用字体 XML/HTML Code复制内容到剪贴板 p { font-family:\'宋体\',\'黑体\',\'Arial\'; } font-size 设置字...

前端技术 2023/09/08 CSS

这是一款基于CSS3的百叶窗焦点图动画，一共有4种不同的百叶窗动画风格，每一个都看似非常简单，但是却又相当实用。更值得注意的是插件提供了4种不同的百叶窗特效，有水平百叶窗、垂直百叶窗和淡入淡出百叶窗等。并且，该CSS3百叶窗图片切换插件切换时非常平滑，效果很不错。我们列出了...

前端技术 2023/09/08 CSS

复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\"> <html> &lt...

前端技术 2023/09/08 CSS

目标宽度÷上下文宽度=结果(比例宽度) 当前元素的像素宽度÷当前元素的父元素的像素宽度=当前元素的百分比宽度例如：复制代码代码如下: <div id=wrapper> <header><header> <sectio...

前端技术 2023/09/08 CSS

写在前面的唠叨说到解决兼容性问题，不得不提一下css hack，曾几何时我以会使用几个hack沾沾自喜，后来发现自己真是个vip级别的蠢蛋，会用几个hack只是中级阶段，真正厉害的人要以没有hack同样可以实现复杂页面的兼容性，这才叫厉害。所以后来，苦心研究如何无hack实现...

前端技术 2023/09/08 CSS

现在手机的占比越来越高，各种酷炫页面层出不穷，这些特效都离不开css动画。说到css动画，主流的情况也就无非这两大类：位移和形变。而我们在写一个动画特效的过程中，如何去提升它的性能呢？当然首先我们需要去了解一下基本的概念，比如浏览器渲染的工作原理等，这些我也在读了几位大牛写的相...

前端技术 2023/09/08 CSS

2014年的圣诞节即将来临之季。小编给大家分享一款2014年圣诞节倒计时网页，当天的日期卡片有抖动的效果。一起看下效果图：实现的代码。 html代码：复制代码代码如下:<h1> Merry Christmas</h1> <...

前端技术 2023/09/08 CSS

复制代码代码如下: <html> <body> <div style=\"border: 1px solid red;\"> <div style=\"border: 1px solid blue; margin: 20px;\"&gt...

关闭

我的博客