$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.
Case Study: Junkyard is a Cross-Chain Game Played With NFTs you Hate to Own
Junkyard players throw their worthless NFTs into a smart contract on Ethereum. Junkyard uses Polygon to run a game that lets them "fish" the pile for rare NFTs. Axelar provides the secure connector.
Ecosystem
March 28, 2023
The 1-Time Deposit Address: Axelar's Cross-Chain Onramp, Explained
A one-time deposit address allows decentralized projects to mimic the way centralized exchanges are able to handle deposits from any chain, by creating a monitored address for receiving tokens.
Technology
March 17, 2023
Building a Cross-Chain Future for DeFi
Blockchain interoperability is exceedingly important for DeFi to scale. Axelar's General Message Passing (GMP) capabilities help protocols and applications go cross-chain.
No items found.
March 1, 2023
An Overview of Cross-Chain Decentralized Exchanges
Cross-chain DEXs are thriving as they offer a seamless experience. With General Message Passing (GMP), Axelar is powering up the next-gen cross-chain DEXs.
No items found.
February 27, 2023
Introducing the Axelar Virtual Machine: Supercharging Interchain Development
Build with Axelar Virtual Machine: Interchain Maestro - orchestration, like Kubernetes for Web3; and Interchain Amplifier – self-service new-chain connections.
News
Technology
February 13, 2023
What is axlUSDC & how do you get it?
A brief introduction to axlUSDC, a wrapped token representing USDC in the multi-chain
No items found.
February 9, 2023
The Horizontal Scaling Thesis for Web3
Applications and use cases on the decentralized web are further developed than
No items found.
February 8, 2023
The Multichain Is Now Timeless: Introducing Future-Proof Interoperability
Axelar network today provides bulletproof security for cross-chain communication, but more projects connecting means more specialized needs, including the ability to adopt new security approaches as they emerge.
Technology
February 6, 2023
Axelar Governance, Explained
A permissionless, dynamic validator set controls validation of cross-chain transactions on Axelar network, and also governs most network parameters.
Technology
February 2, 2023
What are Cross-Chain Swaps?
As most blockchains operate independently, cross-chain swaps become crucial to enable users to be a part of an engaging Web3 ecosystem.
No items found.
February 2, 2023
Osmosis Is Building a Cross-Chain Liquidity Layer With Axelar
Cross-chain is hard, but Osmosis makes it easy.
No items found.
February 2, 2023
How Overlay Networks Could Change Web3
This article first appeared in VentureBeat as a contributed article by Sergey Gorbunov and Galen
Technology
January 30, 2023
Axelar, Osmosis & BNB Bring BUSD Liquidity from Ethereum to the Cosmos Ecosystem
🌊 A new Osmosis 3pool offers incentives for liquidity providers bringing Ethereum-based BUSD into Cosmos.
News
January 30, 2023
To Avoid Scams, Check This List of Axelar Official Channels
⚠️ Scammers are running fake Axelar channels and websites. Be careful! ⚠️
Now, bridges and other cross-chain dApps can make it simple for users to send native EVM assets cross-chain.
Technology
January 24, 2023
What Is Quadratic Voting and Why Don’t More Projects Use It?
Quadratic voting increases decentralization and makes networks secure in dPoS, DAOs and other setups, too.
Technology
January 18, 2023
Announcing The Launch of Satellite
Today we are proud to announce the launch of Satellite, one of the first ecosystem applications powered by the Axelar Network.
No items found.
January 18, 2023
Axelar Raises $3.75 Million From Binance, DCVC, and More to Scale Cross-Chain Communication
Axelar announces support from leading blockchain and crypto industry players in accelerating the development of its network for complete blockchain interoperability
No items found.
January 18, 2023
Axelar Announces Partnership with Cosmostation to Unlock Cross-Chain Liquidity
Axelar is excited to announce that Cosmostation will be joining their growing ecosystem as an official validator partner.
No items found.
January 18, 2023
Axelar announces integration with Polygon following $25m funding round
6th August 2021- Axelar has teamed up with Polygon – the leading Ethereum scaling network – in an integration that will allow users of Polygon to leverage assets from external blockchain networks, and increase liquidity between ecosystems.
No items found.
January 17, 2023
Axelar Announces the launch of their Incentivized Quantum Community Program
Axelar is excited to announce the launch of the incentivized Quantum Community Program! This community-focused program aims to introduce participants to the Axelar network and provide the opportunity to create a variety of original content.
No items found.
January 17, 2023
Axelar AMA: Tarun Chitra from Gauntlet w/ Sergey Gorbunov
The path to bestowing true interconnectivity between blockchains is fraught with many pitfalls that a capable team must be able to anticipate before launch. With the help of a seasoned sherpa, even the most perilous precipices can be reached with ease.
No items found.
January 17, 2023
Axelar Announces Strategic Investment from Crypto.com Capital
TORONTO, Nov. 22, 2021 /PRNewswire/ -- Axelar, the universal interoperability network connecting all blockchain ecosystems, applications, assets, and users, has announced that it has secured a strategic investment from Crypto.com Capital.
News
January 17, 2023
Axelar AMA: From Inception to Testnet
On Tuesday, July 2nd, Axelar held its first Ask Me Anything (AMA) on YouTube, where CEO and co-founder Sergey Gorbunov answered community questions and discussed the journey from inception to testnet.
