下载  >  开发技术  >  Javascript  > border-radius.html

border-radius.html 评分:

CSS属性之border-radius的教导性资源,里面详细介绍了border-radius的用法,有利于css的基础学习,适用于新手小白观看,可以帮助小白更快速全面的了解border-radius属性。

...展开详情
2020-01-12 上传 大小:597B
举报 收藏
分享
CSS3中border-radius、box-shadow与gradient那点事儿

在 http://www.cnblogs.com/strick/p/4843595.html 有描述

立即下载
HTML圆角插件-curvycorners

解决CSS3圆角兼容所有浏览器的方法,该脚本的最大优势是可以在Safari/Chrome/Firefox中使用原生的CSS3属性(通过-webkit-border-radius和-moz-border-radius私有属性分别支持)而在IE和Opera中使用JavaScript。 你所需要做的就是在页面中引入curvycorners.js: <script type="text/javascript" src="curvycorners.js"></script>

立即下载
QQ图标html

纯HTML代码写的模仿QQ的图标,主要用到了border-radius等

立即下载
CSS3+HTML5实现圆角【WEB前端】

CSS3圆角详解 一、CSS3圆角的优点 传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点: * 减少维护的工作量。图片文件的生成、更新、编写网页代码,这些工作都不再需要了。 * 提高网页性能。由于不必再发出多余的HTTP请求,网页的载入速度将变快。 * 增加视觉可靠性。某些情况下(网络拥堵、服务器出错、网速过慢等等),背景图片会下载失败,导致视觉效果不佳。CSS3就不会发生这种情况。 二、border-radius属性 CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这.

立即下载
HTML5 3D相册 精美 女朋友礼物

程序员给女朋友做的3D精美相册,让你震撼! #icon { background: rgb(255, 144, 0); border-radius: 6px 0px 0px; transition:0.6s ease-in-out; left: 65px; top: 6px; width: 40px; height: 40px; overflow: hidden; position: relative; cursor: pointer; -moz-transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in

立即下载
html中实现圆角特效的几种方法

通常情况下,我们使用css3样式中的border-radius实现圆角效果,但是这种方法IE8.0以下版本浏览器是不支持的。 但是目前使用IE8.0的用户还比较多,Windows XP系统最高支持IE8.0,还有些其他的某些Trident内核浏览器也是还停留在IE7.0,所以如果要求比较高的情况下,就要考虑其他办法来实现这个效果。

立即下载
时钟html5源码

以下显示部分源码,需要完整版的请下载文件 <!doctype html> &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Generator" content="EditPlus®"&gt; &lt;meta name="Author" content=""&gt; &lt;meta name="Keywords" content=""&gt; &lt;meta name="Description" content=""&gt; &lt;title&gt;D

立即下载
实时翻译系统html5源码

以下展示部分源码,需要完整版的请下载文件 <!doctype html> &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Generator" content="EditPlus®"&gt; &lt;meta name="Author" content=""&gt; &lt;meta name="Keywords" content=""&gt; &lt;meta name="Description" content=""&gt; &lt;title&gt;D

立即下载
常用的HTML+CSS标签480个(带中文解释说明)

<meta http-equiv="X-UA-Compatible" content="IE=Edge">浏览器兼容 leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"去除页面边框 list-style-type:none;去除li点 "color:red;text-decoration:none;超链接颜色下划线 html,body{ height:100%;overflow:hidden; }设置高度100%必不可少的 background-repeat:round;图片全屏平铺 text

立即下载
兼容所有浏览器的CSS3圆角

前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生支持,但是由于某些原因IE并不支持它。

立即下载
PIE.htc在IE8实现一些css3效果

1.PIE.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件,其利用VML绘制相关的效果。要注意的是它并不能实现所有CSS3效果,其兼容的属性有:box-radius,线性渐变( linear-gradient),rgba,box-shadow,border-image。使用时直接引入PIE.htc文件即可(但要注意都是以html文档位置与该文件相对位置来引入)

立即下载
纯css带箭头div

&lt;head&gt; &lt;title&gt;纯CSS无图片带箭头的DIV方框&lt;/title&gt; &lt;style&gt; div.container{position:absolute; top:30px; left:40px; font-size: 9pt; display:block; height:100px; width:200px; background-color:transparent; *border:1px solid #666; } s{ position:absolute; top:-20px; *top:-22px; left:20px; displ

立即下载
flash相册系统

3D Wall FX version 1.0.8.8053 Hello and thank you for using 3D Wall FX. By downloading our FlashXML product you have become part of the FX community and we are very pleased to welcome you and wish you a long-lasting FlashXML experience. The 3D Wall FX's features are: - an engaging new 3D Wall wit

立即下载
基于H5,CSS3及JS的四星环绕中心点旋转效果

本效果是基于HTML5,CSS3及JavaScript实现的,实现了移动端和web端的兼容居中显示。同时,以中心图片为圆点,四周图片环绕中心图片旋转,主要使用到的技术点在于z-index以及border-radius:50%,实现效果仅供参考(其中图片请自行替换)。

立即下载
精通css(第二版) 中文+英文+源代码

作者:Andy Budd 一本清晰中文版和一本高清晰彩色英文版,以及源代码 第1章 基础知识 1.1 设计代码的结构 1.1.1 标记简史 1.1.2 文档类型、DOCTYPE切换和浏览器模式 1.1.3 有效性验证 1.2 小结 第2章 为样式找到应用目标 2.1 常用的选择器 2.2 通用选择器 2.3 高级选择器 2.3.1 子选择器和相邻同胞选择器 2.3.2 属性选择器 2.3.3 层叠和特殊性 2.3.4 继承 2.4 规划、组织和维护样式表 2.4.1 对文档应用样式 2.4.2 样式指南 2.5 小结 第3章 可视化格式模型 3.1 盒模型概述 3.1.1 IE和盒模型 3.

立即下载
css入门笔记

1.css的概述 1.问题 HTML属性修饰有一定局限,是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点:将css样式定义在HTML标记中 语法:<ANY 样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色

立即下载
js加入购物车抛物线动画与购物车效果特效

js加入购物车抛物线动画与购物车效果特效,亲测可用, 当您在电商购物网站浏览中意的商品时,您可以点击页面中的“加入购物车”按钮即可将商品加入的购物车中。本文介绍借助一款基于jQuery的动画插件,点击加入购物车按钮时,实现商品将飞入到右侧的购物车中的效果。 HTML 首先载入jQuery库文件和jquery.fly.min.js插件。 复制代码 代码如下: <script src="jquery.js"></script> <script src="jquery.fly.min.js"></script> 接着,将商品信息html结构布置好,本例中,我们用四个商品并排布置,每个商品b

立即下载
CSS3伪三维径向圆形按钮,无JS及图片,纯HTML.rar

此效果没有用图片和任何JS!适用浏览器名称及版本:FF 3.5 , Opera 10.5 , Safari 4 , Google Chrome 4.0 , IE 9 IE8及之前版本均不能看到效果!!使用Chrome浏览器能看到最佳效果, 因为使用了 box-shadow. 用到的知识点: border-radius box-shadow text-shadow transitions gradients :nth-child() pseudo-class Opera浏览器和Firefox浏览器对于阴影使用的是box-shadow inset, 而Webkit浏览器(如谷歌

立即下载
CSS3.tmbundle, 新CSS3属性的TextMate包 包括供应商特定的属性和HTML5元素.zip

CSS3.tmbundle, 新CSS3属性的TextMate包 包括供应商特定的属性和HTML5元素 TextMate的 Bundle为新的CSS3属性和值。换句话说,转换。转换。动画。text-shadow 颜色值。border-radius 。box-shadow 等添加适当的语法高亮。为供应商特定属性提供方便的Fragment 。

立即下载
html+css+js制作的一个动态的新年贺卡

该代码是http://blog.csdn.net/qq_29656961/article/details/78155792博客里面的代码,代码里面有要用到的图片资源和音乐资源。

立即下载