CSS3 - 十月梦想博客

CSS3

这家伙很懒,还没填写该栏目的介绍呢~

CSS3

获取设备dpr值

阅读(1214)评论(0)

获取设备dpr值alert(window.devicePixelRatio)弹出当前设备dpr值

CSS3

css3 zoom属性兼容ie的缩放

阅读(1469)评论(0)

文本缩放,在之前我们使用过css3的transform中scale进行比例扩大或者缩放,但是这个属性兼容性差,在IE10一下基本就失效(蔫了),今天带来的zoom就很好解决这个问题!废话不说上代码!<!doctype html> <html> <head> <meta charset=&qu...

CSS3

import引入页面的js效果无法使用解决!

阅读(2894)评论(0)

import使用link引入引发问题谷歌浏览器可以正常使用,但是在谷歌吧浏览器之外使用link的import引入的页面就无法显示那么这个问题该如何解决呢?首先引入肯定在jq实现了load(需要加载的文档地方),此时在这个js文件下方进行需要请求的js代码使用$.getScripr('需要加载模板运行的js')第一步工作这一已经结束了,第二部呢...

CSS3

hbulide预编译less文件处理

阅读(423)评论(0)

上一篇文字介绍了less的快速入门语法,接下来介绍使用如果你搭建了nodejs环境可以直接参考下面用法,如果还没有nodejs环境,请善于使用站内搜索node环境搭建。安装完成后进行全局安装lessnpm i less -g npm i less -gnpm i less-pl...

CSS3

css3 flex弹性布局总结

阅读(416)评论(0)

本文涉及内容如下: flexbox的基本概念、容器属性学习、项目属性学习、实战演练。 flexbox 堪称布局神器,但属性实在太多让人无从下手,因此将自己所学的知识做个总结。基本概念flexbox是Flexible Box的缩写,译为弹性布局。flex 布局主要是让容器中的子项目可以根据配置改变自身的宽高及顺序,以最佳的方式填充容器,达到弹性的目的。容器有横...

CSS3

CSS3 动画Animation的8大属性

阅读(351)评论(0)

CSS3 动画Animation的8大属性animation复合属性。检索或设置对象所应用的动画特效。 如果有多个属性值时以”,”隔开,适用于所有元素,包含伪对象:after和:before1.animation-name  检索或设置对象所应用的动画名称必须与规则@keyframes配合使用,eg:@keyframes animations &n...

CSS3

CSS3动画animation

阅读(752)评论(0)

        animation和上次说的transform动画有点不同,需要进行定义动画规则,而animation则无需受体,自动执行动画,translation则需要某个动作执行才进行动画!下面看一个animation参数animation: run 3...

CSS3

css3动画变换transform用法

阅读(788)评论(2)

刚才说到transition动画执行,接下来看下动画变换(transform),transform属性的取值4个transform: rotate | scale | skew | translaterotate(旋转):rotate() :指定一个2D旋转,正数顺时针,负数逆时针旋转执行图像的旋转,单位deg,50deg顺时针选择50度,-50deg逆时针...

CSS3

css3动画效果transition的用法

阅读(724)评论(0)

下面是一个css3中transition动画的简单例子<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>transition效果</title> <...

CSS3

响应式媒体查询media的用法

阅读(2397)评论(0)

        media媒体查询响应式可以实现什么效果?对于不同尺寸的设备相应不同的样式,但是不能兼容移动和pc端的全响应兼容.        下面介绍一下media媒体查询的使用方法@media&...

©2017 - 2019 十月梦想  |   豫ICP备号19025867-2

豫公网安备 41108102000311号


正在加载中……
sitemap