$circleDiameter: 30rem; // Replace X with the desired diameter in rem
$circleRadius: $circleDiameter / 2;
$totalElements: 11;
$angleIncrement: 360deg / $totalElements; // Equal angle increment in degrees
$animationDuration: 12.5s;
@keyframes circle-motion {
from {
transform: rotate(-90deg) translate($circleRadius) rotate(90deg);
}
to {
transform: rotate(270deg) translate($circleRadius) rotate(-270deg);
}
}
@media (max-width:767px){
$circleDiameter: 24rem; // Replace X with the desired diameter in rem
$circleRadius: $circleDiameter / 2;
@keyframes circle-motion {
from {
transform: rotate(-90deg) translate($circleRadius) rotate(90deg);
}
to {
transform: rotate(270deg) translate($circleRadius) rotate(-270deg);
}
}
}
.section.section--proof .dot--large, .circle__icon {
animation: circle-motion $animationDuration linear infinite;
}
@keyframes circle-motion-small {
from {
transform: rotate(-90deg) translate(1.75em) rotate(90deg);
}
to {
transform: rotate(270deg) translate(1.75em) rotate(-270deg);
}
}
.circle__icon {
animation: circle-motion-small $animationDuration linear infinite paused;
}
.statement--wrapper{
.circle__icon{
animation-delay:var(--anim-delay);
}
}
@keyframes element-blur {
0%, 100% {
filter: blur(3px);
opacity:.2;
}
25% {
filter: blur(0px);
opacity:1;
}
50% {
filter: blur(3px);
opacity:.2;
}
}
.logo__item {
@for $i from 1 through $totalElements {
&:nth-child(#{$i}) {
// Calculate the angle for the current element
$angle: $angleIncrement * ($i - 1);
$randomDistanceX: random($circleDiameter+2) + 15; // Generates a number between 10 and 40
$randomDistanceY: random($circleDiameter+2) + 10;
// Generate a random distance from the center
// Calculate the X and Y positions using trigonometry
$xPosition: $randomDistanceX * cos($angle);
$yPosition: $randomDistanceY * sin($angle);
// Apply the translation
transform: translate(
#{$xPosition}rem,
#{$yPosition}rem
);
//transform: rotate($angle) translate($circleRadius) rotate(-$angle);
$animationDelay: ($angle / 360deg) * $animationDuration * 1;
// Apply the blur animation with the calculated delay
animation: element-blur $animationDuration * 1 linear infinite $animationDelay;
}
}
}
@media (max-width:767px){
.logo__item {
@for $i from 1 through $totalElements {
&:nth-child(#{$i}) {
// Calculate the angle for the current element
$angle: $angleIncrement * ($i - 1);
$randomDistanceX: random($circleDiameter+2) + 15; // Generates a number between 10 and 40
$randomDistanceY: random($circleDiameter+2) + 10;
// Generate a random distance from the center
// Calculate the X and Y positions using trigonometry
$xPosition: $randomDistanceX * cos($angle);
$yPosition: $randomDistanceY * sin($angle);
// Change values for mobile screens
$randomDistanceX: random($circleDiameter+2) + 2; // New value for X on mobile
$randomDistanceY: random($circleDiameter+1) + 25; // New value for Y on mobile
transform: translate(
#{$xPosition}rem,
#{$yPosition}rem
);
//transform: rotate($angle) translate($circleRadius) rotate(-$angle);
$animationDelay: ($angle / 360deg) * $animationDuration * 1;
// Apply the blur animation with the calculated delay
animation: element-blur $animationDuration * 1 linear infinite $animationDelay;
}
}
}
}
//counter
.section {
counter-reset: dotCounter;
}
.section .m--card-wrapper {
counter-increment: dotCounter;
}
.section .m--card-wrapper .dot--large::before {
content: counter(dotCounter);
display:block;
color:var(--color--main);
text-align:center;
}
Dive into all the components that come together to form the Axelar network, for a high-level understanding of the vision, mission and design.Go deeper and gain technical knowledge of how to get started with Axelar.
Axelar Brings New Assets and Trading Options to Pangolin
Axelar is excited to announce a partnership with Pangolin, a decentralized exchange (DEX) for Avalanche and Ethereum assets.
No items found.
January 17, 2023
Axelar Brings Bitcoin To All Cosmos Connected Chains On Testnet
Axelar is excited to release more details on its roadmap for bringing Bitcoin to Cosmos-interconnected chains, which is now live on the testnet.
No items found.
January 17, 2023
Axelar Begins Rollout of Public Mainnet Launch for February 2022
Developers will be able to build interoperable, decentralized apps on Axelar network and backend using new APIs and the Axelar SDK
News
January 17, 2023
Axelar Network to Power Injective Bridge in New Interop Partnership
Today, Axelar and Injective announce a partnership that will allow Injective, a custom interoperable Layer-1 protocol for building DeFi applications, to easily integrate EVM blockchains.
News
January 17, 2023
Axelar Launches Line of Exclusive Community NFTs
Axelar is excited to announce the launch of their first line of participant NFTs!
News
January 17, 2023
Axelar is Expanding to Polkadot by Integrating with the Moonbeam Network
Axelar announces plans to integrate Moonbeam into its decentralized network of interconnected chains to connect Polkadot with other blockchain ecosystems.
No items found.
January 17, 2023
Axelar Announces Cross-Chain Grant Winners, Extends Program
18 teams are building using Axelar’s secure cross-chain communication infrastructure In March, Axelar announced the
News
January 17, 2023
Axelar welcomes Citadel.one as an Official Validator Partner!
As Axelar’s decentralized network continues to expand, strong ecosystem partners remain a key pillar in the path towards mainnet.
News
January 17, 2023
Axelar Network opens registration for its incentivized testnet
Axelar network is excited to announce that registration has begun to participate in the incentivized testnet!
Axelar is pleased to announce the release of the source code for two Rust-language crates for multi-party cryptography under a permissive and conventional dual Apache2/MIT license.
No items found.
January 17, 2023
Axelar Network Announces Keplr Wallet Integration with Cosmos Ecosystem
Axelar has entered into a new partnership with Keplr, the largest Cosmos interchain wallet.
No items found.
January 17, 2023
Axelar to Integrate Terra with Major Blockchain Ecosystems
Axelar is pleased to announce plans to plug-in Terra into its decentralized network and protocol.
No items found.
January 17, 2023
Axelar to Enable Cross-Chain Communication on Polygon
Axelar is excited to announce their plans to integrate with Polygon, to bring scaled cross-chain interoperability to both users and dApp builders on the platform.
No items found.
January 17, 2023
Axelar’s Universal Blockchain Interoperability Network Raises $35 Million to Reach $1 Billion Valuation
Axelar successfully completed its Series B funding round, to support the growth and development of the Axelar network, helping blockchain developers to achieve greater scalability and liquidity
News
January 17, 2023
Axelar Raises $25m in Series A led by Polychain Capital to Scale Blockchain Interoperability Network
Axelar’s Series A funding round has attracted notable investors and industry players to scale network integrations for complete industry-wide blockchain interoperability
News
January 17, 2023
Axelar integrates with e-Money to enable seamless cross-chain stablecoin transfers
We are proud to announce a new partnership between Axelar and e-Money, to support cross-chain
News
January 17, 2023
For Cross-Chain Taxes, You Need a Cross-Chain Block Explorer
Each April, U.S. crypto investors lose hair and sleep, trying to untangle crypto transactions for the IRS. It’s complicated for anyone using DeFi protocols. For those who have moved assets cross-chain, taxes can be an order of magnitude more complex.
Technology
January 17, 2023
How to Set Up a Ledger Wallet for AXL Tokens
This guide will help you to connect the Cosmos app on your Ledger device to the Keplr Wallet, which allows you to send and receive transactions and Axelar tokens.
No items found.
January 17, 2023
General Message Passing Comes to Axelar Mainnet to Advance Secure Cross-Chain Communication
Axelar, the universal overlay network, delivering secure cross-chain communication for Web3, has launched General Message Passing on its mainnet.
No items found.
January 17, 2023
How to LP with AXL Token
This step-by-step tutorial is a how-to on liquidity providing (LPing) using the AXL token on Axelar network.
No items found.
January 17, 2023
How to Set Up an Axelar Wallet (for AXL Tokens) With Keplr
To send, receive, store and stake AXL tokens, and connect to the Axelar network, you need to set up an Axelar wallet. Here's how to do that with Keplr wallet.
No items found.
January 17, 2023
The Axelerator Multichain Grant Challenge: Build the Web3 Super App
Axelar network has launched General Message Passing, providing a permissionless transport overlay for cross-chain
No items found.
January 17, 2023
Incentivized Testnet FAQs
With the launch of Axelar’s incentivized testnet signups last month, the team was thrilled at the excitement and engagement we received from the community. With over 6500 testnet signups so far we’ve also received a lot of questions across our socials.
No items found.
January 17, 2023
Osmosis DAO Selects Axelar as Bridge Service Provider, Launches Cross-Ecosystem Swaps
Osmosis, the Cosmos-based interchain automatic market maker (AMM), today announces the launch of cross-ecosystem token swaps.
