本篇文章给大家带来的内容是关于CSS3实现的11种基本图形代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。CSS3圆角#css3-circle{width: 150px;height: 150px;border-radius: 50%;}CSS3 椭圆形css3 radius#css3-elipse{width: 200px;height: 100px;border-radius: 50%;}CSS3 三角形#css3-triangle{width: 0;height: 0;border-left: 100px solid transparent;border-right: 100px solid transparent;border-bot...
CSS3实现各种表情 效果图：代码如下，复制即可使用：<!DOCTYPE html> <html> <head><title></title><style type="text/css">body {text-align: center;margin: 80px auto 0;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }.emoji {width: 120px;height: 120px;margin: 15px;background: #FFDA6A;display: inline-block;border-radius: 50%;position: relative; } .emoji:after {position: absolute;bottom: -...
当我想在CSS3中创建渐变背景时,我必须这样做：background-color: #3584ba; background-image: -webkit-gradient(linear, left top, left bottom, from(#54a0ce), to(#3584ba)); /* Safari 4+, Chrome */ background-image: -webkit-linear-gradient(top, #54a0ce, #3584ba); /* Safari 5.1+, Chrome 10+ */ background-image: -moz-linear-gradient(top, #54a0ce, #3584ba); /* FF3.6 */ background-image: -o-linear-gra...