`
lvmlvy
  • 浏览: 44731 次
社区版块
存档分类
最新评论

css效果

    博客分类:
  • css
 
阅读更多

1、放大效果

a:hover img{
    -webkit-transform:scale(1.5,1.5);
    -moz-transform:scale(1.5,1.5);
    -transform:scale(1.5,1.5);
}
<a href="#"><img src="" /></a>

 2、呼吸灯发光

@-webkit-keyframes  shineRed {
from { -webkit-box-shadow: 0 0 5px #bbb; }
50% { -webkit-box-shadow: 0 0 10px red; }
to { -webkit-box-shadow: 0 0 5px #bbb; }
}
a:hover img{
    -webkit-animation-name: shineRed; 
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
}

<a href="#"><img src="" /></a>

 3、滚动条

::-webkit-scrollbar {    
  width: 30px;    
  height: 30px;    
}    
    
::-webkit-scrollbar-track,    
::-webkit-scrollbar-thumb {    
  border-radius: 999px;    
  border: 10px solid transparent;    
    
}    
    
::-webkit-scrollbar-track {    
  box-shadow: 1px 1px 5px transparent inset;
  background: #2e3643;    
  -webkit-border-radius: 0px;/*圆角弧度*/ 
  border: 10px solid #081831;
  border-top-width: 0px;
  border-bottom-width: 0px;
}    
    
::-webkit-scrollbar-thumb {    
  min-height: 20px;    
  background-clip: content-box;    
  box-shadow: 0 0 0 10px #1c76b9 inset;    
  -webkit-border-radius: 0px;/*圆角弧度*/  
}    

::-webkit-scrollbar-corner {    
  background: transparent;    
}  

 

分享到:
评论

相关推荐

    几款经典网站CSS效果

    本篇文章将深入探讨【标题】"几款经典网站CSS效果"所涵盖的一些常见且实用的CSS技巧,这些技巧被广泛应用于各种知名网站中。 首先,我们来看"51job上的地区选择效果"。这个效果通常体现在下拉菜单或者级联选择器中...

    实现随机css效果

    在网页设计中,引入随机CSS效果可以为用户体验增添趣味性和独特性。JavaScript作为一种强大的客户端脚本语言,可以方便地实现在网页中动态改变CSS样式,从而实现各种随机效果。本篇将详细介绍如何利用JavaScript实现...

    一些好看的CSS效果图源码.zip

    一些好看的CSS效果图,绝绝子! 一些好看的CSS效果图,绝绝子! 一些好看的CSS效果图,绝绝子! 一些好看的CSS效果图,绝绝子! 一些好看的CSS效果图,绝绝子! 一些好看的CSS效果图,绝绝子! 一些好看的CSS...

    《css效果图收集》一些好看的css效果图

    本压缩包"《css效果图收集》"包含了几个有趣的CSS应用示例,旨在展示CSS在网页设计中的魅力和潜力。以下是这些示例涉及的主要知识点: 1. **煽动翅膀的蝴蝶**:这个效果展示了CSS3动画的能力,通过关键帧动画(@...

    一组使用Vuejs制作的CSS效果集合

    压缩包中的"css-effects-snippets-master"很可能包含了一系列具体的CSS效果示例,如悬停效果、加载动画、按钮样式、导航栏设计等。这些代码片段可以帮助开发者学习如何利用Vue.js和CSS创建独特的视觉效果。 7. **...

    cssfx非常简单的点击复制即可用的一些CSS效果

    【描述】:“CSSFX是一个由Jolaleye创建的库,它提供了许多易于使用的、预封装的CSS效果。用户只需简单点击并复制代码,就能将这些效果快速应用到自己的项目中,极大地提高了开发效率。” 【详细知识点】: 1. **...

    css-effect-map-collection一些好看的css效果图

    "css-effect-map-collection"是一个集合,包含了许多精美的CSS效果示例,这些效果可以用于提升WebUI组件或框架的视觉吸引力。这个压缩包“css_effect_map_collection-master”很可能包含了源代码、预览图像和相关的...

    javascript经典特效---不同CSS效果的调用.rar

    【标题】"javascript经典特效---不同CSS效果的调用"主要涵盖了JavaScript在网页设计中如何利用CSS实现各种视觉效果。JavaScript是一种广泛应用于客户端Web开发的脚本语言,它与CSS(层叠样式表)结合使用,可以实现...

    60个css效果图收集

    "60个css效果图收集"是一个珍贵的学习资源,它展示了CSS在实际应用中的各种可能性和创新性。通过这些效果,开发者可以学习到如何用CSS实现动态和交互性的设计,如按钮、滑块、导航菜单、动画效果等,从而提升自己的...

    一些好看的css效果图.zip

    这个压缩包“一些好看的css效果图.zip”显然是一个包含了一系列CSS效果示例的资源集合。下面,我们将详细探讨CSS的一些核心概念和这些效果可能涉及的技术。 首先,CSS的核心功能是定义网页的布局和视觉样式。它允许...

    js.css 效果大全

    各种js效果组合 如:Javascrip实现相册缩略图导航的两种效果......等

    css 效果.zip

    我们在制作项目中,难免会写 css 样式,但是很多效果会浪费很多时间,所以才有了这个资源,里面包含了大多的 css 效果,并且会持续更新~

    css广告特效(电视背投效果图片切换)

    在实际应用中,我们通常会结合JavaScript来控制这些CSS效果的触发时机,例如,当用户点击按钮或达到一定时间间隔时自动切换图片。同时,为了确保兼容性,可能还需要引入前缀(如-webkit-)来支持不同浏览器的CSS3...

    js+css时钟效果 js+css时钟效果

    js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+css时钟效果js+...

    CSS效果图大全,收集了各类CSS源代码,转盘、文字雨、煸动翅膀的蝴蝶、vector键盘、两栏布局文章、元素的拖拽定位、转动天枰

    CSS效果图大全,收集了各类CSS源代码,转盘、文字雨、煸动翅膀的蝴蝶、vector键盘、两栏布局文章、元素的拖拽定位、转动天枰、动态改变汽车颜色、大屏随机抽奖、如何让元素保持一定的宽高比、实现modal弹框动画、...

    DJ大疆无人机官网项目,这里是静态网页,实现了简单的css效果和跳转页面

    DJ大疆无人机官网项目,这里是静态网页,实现了简单的css效果和跳转页面,这里主要是个人一阶段的学习,项目总结主要以css和html为主,整个网站是和小组成员共同开发,利用了三天整时间,我主要负责的是首页,以及顶部菜单的...

    普通的导航链接条,但是加了CSS效果

    普通的导航链接条,但是加了CSS效果! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

    css3效果展示

    针对css3的形状整理及效果展示

    CSS3毛玻璃效果-兼容IE-来自明锋工作室

    这是一个css3模糊演示效果,几行css代码即可实现。除了在firefox、chrome、opera下完美显示,同时提供兼容IE的方法。 可以用于传统PC端,移动端更没问题。 关注明锋工作室,关注UI设计和web前端开发。

    animate.min.css动画特效

    Animate.min.css是一个非常实用的CSS库,专门用于创建各种丰富的动画效果。这个库是由开发者Daniel Eden精心设计和编写的,它极大地简化了在Web开发中添加动态视觉效果的过程。通过在HTML元素上简单地应用预定义的...

Global site tag (gtag.js) - Google Analytics