×

css3

#CSS# 【三】 实现鼠标移入时图片悬浮放大(css鼠标移入图片放大)

adgdaggd adgdaggd 发表于2024-03-31 浏览8747 评论0
CSS实现鼠标移入时图片悬浮放大 在页面的前端开发过程中,悬浮放大效果是非常常见的, 所以为了更快理解悬浮放大效果的制作,我们首先要来看下这几个名词的概念 第一个: overflow: hidden 就是给一个元素中设置overflow:hidden, 那么该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏,不占位 第二个: transform:scale() 可以实现按比例放大或者缩小功能 第三个: transition 可以设置动画执行的时间,实现

css3

css动画(详解带图)(css 图片动画)

ldt ldt 发表于2024-03-25 浏览9489 评论0
过渡 过渡 (transition)的作用 1.通过过渡可以指定一个属性发生变化时的切换方式 2.通过过渡可以创建一些非常好的效果,提升用户的体验 常用属性 1.transition-property:指定要执行过渡的属性 多个属性间使用,隔开( transition-property: width,height;) 如果所有属性都需要过渡,则使用all关键字 大部分属性都支持过渡效果,注意过渡时必须是有效数值向另外一个有效数值进行过渡,比如auto向0过渡就不是一

css3

scss安装入门到使用高级语法(scss常用语法)

AsO AsO 发表于2024-03-25 浏览4612 评论0
一.sass的基本概念 sass是css的"预处理器", 一门专门的css编程语言 增加了变量, 函数, 计算, 嵌套关系等用法,让css编写更简洁, 清晰. 二. scss的安装步骤 首先查询一下是否已经安装过sass, 在cmd中输入sass -v 或者 sass --version sass -v sass --version 使用上面任意一个命令,出现以下几种情况都是已经安装好了 1.52.1 complied with dart2js 2.17.1 ruby 1.52