![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
汇而不置
由于csdn图片url会转码,自己写的markdown图片无法识别,现在在博客园写博客 本人博客地址: https://www.cnblogs.com/sprite0521/ 欢迎关注,讨论,最近学习dart ,flutter 混合app,大家互相讨论学习
展开
-
CSS3-动画
CSS3动画动画,可通过设置多个节点来精确控制一个或一组动画,常用来实现赋值的动画效果。相比较过渡,动画可以实现更多变化,更多控制,联系自动播放等效果。动画的基本使用制作动画分为两步先定义动画再使用(调用动画)用keyframes定义动画(类似定义类选择器)/* 语法格式 */ @keyframes name{ 0%{ } 100%{ } }动画序列0% 是动画的开始,100%是动画的完成。这样的规则就是动画序列。在@原创 2020-05-19 09:18:37 · 268 阅读 · 0 评论 -
CSS3-2D转换
css3-2D转换2d转换转换(transform) 是css3中具有颠覆性的特征之一,可以实现元素的位移、缩放等效果。移动:translate选转: rotate缩放: scale2d转换之移动 translate2d移动时2d转换里面的一种功能,可以改变在页面中的位置,类似定位。定义2D转换中的移动,验证X和Y轴移动元素tanslate最大的优点: 不会影响到其他元素的位置tanslate中的百分比单位是对于自身元素的tanslate:(50%,50%);对行内原创 2020-05-17 20:22:24 · 320 阅读 · 0 评论 -
CSS3-选择器
CSS3选择器属性选择器![image.png](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9wbmcvMzc2OTk0LzE1ODk0NzExMTk0OTctYjVmODAwYzMtNGMyZS00ZWZkLTk5MjYtNDkzMDAzOWM0NTQ3LnBuZw?x-oss-process=image/format,png#align=left&display=inline&a.原创 2020-05-15 16:35:19 · 140 阅读 · 0 评论 -
Html5Ccss3响应式布局简单总结
H5C3响应式布局响应式布局-media基本使用(媒体查询)响应式布局:一套代码实现多种设备访问一致性。(pc 平板 手机)优点:一直保持一个url,一套代码缺点: 浏览器支持程度(ie8和以下就不兼容)使用@media only screen and (max-width:700px){ }only: 可以排除不支持媒体查询的浏览器screen: 设备...原创 2020-04-11 11:01:49 · 256 阅读 · 0 评论 -
Html5Css3自适应布局总结
布局单位px em rem vw vh绝对单位 px相对单位em 针对于父元素rem 针对于根(html)元素vh 100%高vw 100%宽补充谷歌浏览器默认字体大小: 16px 最小值12px1em=16px 10px=0.625em 10px=62.5em自适应布局-网页适应各种屏幕大小移动端webappui(美工)给的设计图...原创 2020-04-07 22:02:35 · 1214 阅读 · 0 评论