探索网页视频播放器的高级CSS样式设计

人亦已歌

探索网页视频播放器的高级CSS样式设计

2. .ghinda-video-seek .ui-slider-handle {
3. width: 15px;
4. height: 15px;
5. border: 1px solid #333;
6. top: -4px;
7. -moz-border-radius:10px;
8. -ms-border-radius:10px;
9. -webkit-border-radius:10px;
10. border-radius:10px;
11. background: #e6e6e6;
12. background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
13. background-image: -webkit-gradient(linear,left top,left bottombottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
14. box-shadow: inset 0 -3px 3px #d5d5d5;
15. }
16. .ghinda-video-seek .ui-slider-handle.ui-state-hover {
17. background: #fff;
18. }
19. .ghinda-video-seek .ui-slider-range {
20. -moz-border-radius:15px;
21. -ms-border-radius:15px;
22. -webkit-border-radius:15px;
23. border-radius:15px;
24. background: #4cbae8;
25. background-image: -moz-linear-gradient(top, #4cbae8, #39a2ce);
26. background-image: -webkit-gradient(linear,left top,left bottombottom,color-stop(0, #4cbae8),color-stop(1, #39a2ce));
27. box-shadow: inset 0 -3px 3px #39a2ce;
28. }

复制代码