Search Results for "border"

Check it out at https://codepen.io/Northstrix/pen/WbeggyX

Moveable is draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, and snappable. Draggable refers to the ability to drag and move targets. Resizable indicates whether the target's width and height can be increased or decreased. Scalable indicates whether the target's x and y can be scale of transform. Rotatable indicates whether the target can be rotated. Warpable indicates whether the target can be warped (distorted, bented). Pinchable indicates whether the target can...

react-native-progress is a set of customizable progress indicators and spinners for React Native applications. It provides several visual components—such as circular, pie, bar, and semi-circle progress indicators—built on top of react-native-svg so they render as vector graphics. This approach ensures that progress indicators scale cleanly across different screen densities and sizes while remaining smooth and visually appealing. The library is designed to be simple to use: developers import...

Hover.css is a collection of CSS3 powered hover effects that is applicable to links, buttons, logos, and many more. It includes dozens of hover effects: a wide variety of 2D transitions, background transitions, icons, shadow and glow transitions and so much more. With Hover.css you have the power to make your elements and creations look more exciting and engaging with movement and style. All of Hover.css' effects are easy to apply and modify, so you can achieve the exact look you want....

...This is especially useful when you want to build visually striking, non-conventional layouts — e.g. a header section on a profile screen with a diagonal bottom edge, a card with angled border, or image backgrounds slanted across the screen. The library exposes XML attributes to set the diagonal angle, direction (left/right), and position (top/bottom/left/right), plus supports elevation so that shadows and Material-style depth are preserved. You embed your standard content (images, text, child views) inside the DiagonalLayout container, and it handles clipping/drawing. ...

CSS3 GitHub Buttons provides a set of GitHub-style buttons implemented with modern CSS, showcasing how to recreate familiar UI affordances without heavy images or scripts. The components focus on semantic HTML and CSS3 features like gradients, border-radius, and shadows to achieve a polished look. Because the styles are modular and predictable, they can be dropped into many sites with minimal adjustments. The code demonstrates how to handle hover, active, and disabled states in a way that feels native to GitHub’s aesthetic. It also highlights cross-browser considerations for older engines while keeping the footprint light. ...

This is a set of 3 easy to use components for Delphi / Lazarus IDE and Free Pascal THSButton THSSpeedButton and THSStaticText that will make your application look modern shiny and beautiful no much efforts are needed Sample project file is included. Features / - Style : many type of styles from soft rubber to Shiny Glass ,Quicken or Encarta with any color you choose. - Border : the size of the button border, in case it has a glass or quicken style this will change the level of the rounded corners - Smoothness : this number will give the button a smooth gradient soft look - Enter and Leave Decease option / this will give the button a nice effect when the user moves the mouse over and out of the button looks wonderful when using glow colors or glassy look...